非IT企業に勤める中年サラリーマンのIT日記

非IT企業でしかもITとは全く関係ない部署にいる中年エンジニア。唯一の趣味がプログラミングという”自称”プログラマー。

Bloggerにソースコードを表示させる方法(Google-code-prettify)

   

Google-code-prettifyを使ってBloggerにソースコードを表示させる方法をメモ。

表示されたHTMLのの前に次の内容を追加します。

<!-- Google-code-prettifyを追加 -->
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"/>
<style type="text/css">
  /* 行番号を表示する */
  pre.prettyprint.linenums li{
    list-style-type: decimal;
  }
  /* スクロールバーを表示する */
  pre.prettyprint {
    overflow: auto;
    word-wrap: normal;
  }
</style>
 

 

HTMLエディターで以下のように記述すればOK。

<pre class="prettyprint lang=python">
pythonのソースコード
</pre>
 

 

こんなふうに表示されました(Go言語の例)。テーマのスタイルシートが影響する可能性もありますね(本来なら行番号が入るはずなんだけど)。

 

スポンサーリンク

 - HTML/JavaScript