2014年7月29日火曜日

Google code prettifyをBloggerに設定する

自分用メモ。

設定

BloggerのHTML編集から、<head></head>タグ内に次の内容を追加する。

<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?autoload=true&amp;skin=sunburst&amp;lang=css" defer="defer"></script>

続いて<body>タグに次の内容を追加する。(これはなくても動く模様)
<body onload="prettyPrint()">

Hello world

次のようにHTML編集する。
<pre class="prettyprint">#include &lt;stdio.h&gt;

int main(void)
{
    printf("Hello world\n");

    return 0;
}
</pre>
その結果、以下のように表示される。
#include <stdio.h>

int main(void)
{
    printf("Hello world\n");

    return 0;
}

参考にしたページ
http://blog.pamelafox.org/2010/08/how-to-pretty-print-code-snippets-in.html
https://code.google.com/p/google-code-prettify/wiki/GettingStarted

0 件のコメント:

コメントを投稿