Bloggerに google-code-prettify を入れてみた
このブログはGoogleのBloggerなんですが、コードが多くなってきたので見やすいようにGoogle謹製google-code-prettify を突っ込んでみました。
これでちょっとは見やすくなったでしょうか?
test # comment # comment2 test2 echo "Blogger Echo"
導入方法は以下の通り。
- https://code.google.com/p/google-code-prettify/wiki/GettingStarted にアクセスして適当にフムフムと理解する。ちなみに英語は読めない。
- HTML編集モードにして、<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script> をHTMLの1行目に追加する。コードをハイライトしたいHTML毎になります。
- そのままHTML編集モードでハイライトしたいコードの前後に
<pre class="prettyprint linenums">
Many
lines
of
code
</pre>
と
<pre class="prettyprint></pre>
を入れます。「linenums」をとればシンプルな行番号のないハイライトになります。
とまぁ他のブログに書いてある通りで、そこまで格好よくはならない感じです。
0 件のコメント:
コメントを投稿