2017年2月24日 星期五

Blogger - 秒解在網誌插入程式碼區塊高亮,使用 google-code-prettify




點擊 範本 編輯 HTML
搜尋 <head/> 標籤,把以下程式碼貼上儲存

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





(點我) 網站把想要顯示的程式碼做 HTML Encoded 


最後到編輯文章的地方點 HTML 用

<pre class="prettyprint">貼上剛複製的程式碼</pre>

按預覽就會看到結果了

附上 google-code-prettify 連結,裡面還有行號、自訂 Css 等等其他功能。

沒有留言:

張貼留言