2015年12月27日日曜日

google prettyprintでbloggerブログにシャレたソースやコマンドラインを表示

 goggle prettyprintのおまじない(呼出しスクリプト)をbloggerブログページのhtml headerに貼り付ける。

  • 古いおまじない (2016年5月某日以前の呼出しスクリプト)
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?lang=css&skin=sunburst"><style> li.L0, li.L1, li.L2, li.L3,li.L5, li.L6, li.L7, li.L8{ list-style-type: decimal !important }</style></script>

  • 新しいおまじない(2016年5月某日以降の呼出しスクリプト)
   <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?lang=css&skin=sunburst"><style> li.L0, li.L1, li.L2, li.L3,li.L5, li.L6, li.L7, li.L8{ list-style-type: decimal !important }</style></script>




そして、恰好よくしたいソースやコマンドを <pre class="prettyprint linenums">と</pre>で挟む。

すると、こんな感じで、ソースやコマンドがでるようになるよ。 

0 件のコメント:

コメントを投稿