ページ

2014年5月27日火曜日

Bloggerに google-code-prettify を入れてみた


Bloggerに google-code-prettify を入れてみた


このブログはGoogleのBloggerなんですが、コードが多くなってきたので見やすいようにGoogle謹製google-code-prettify を突っ込んでみました。
これでちょっとは見やすくなったでしょうか?

test
# comment
# comment2
test2
echo "Blogger Echo"




導入方法は以下の通り。


  1. https://code.google.com/p/google-code-prettify/wiki/GettingStarted にアクセスして適当にフムフムと理解する。ちなみに英語は読めない。
  2. HTML編集モードにして、<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script> をHTMLの1行目に追加する。コードをハイライトしたいHTML毎になります。
  3. そのままHTML編集モードでハイライトしたいコードの前後に
    <pre class="prettyprint linenums">
    Many
    lines
    of
    code
    </pre>

    <pre class="prettyprint></pre>
    を入れます。「linenums」をとればシンプルな行番号のないハイライトになります。



とまぁ他のブログに書いてある通りで、そこまで格好よくはならない感じです。

0 件のコメント:

コメントを投稿