如何顯示code block(Google code-prettify)

Written by Christine

在教他程式的過程中 發現他很感興趣
也非常有動力看書 寫小程式測試
而且之後會當小老師 教其他自學小朋友
故希望他寫分享程式自學文章
以此練習他薄弱的語言, 作文能力

這類型的文章, 需大量分享程式片段

想排整齊讓版面好看, 靠單純的Blogger editor的功能做不到
後來找到這個google code-prettify 

使用方法簡單, 下面兩個步驟即可

雖然沒有專門為了Python做設定, 但sons-of-obsidian這套css, 已經非常夠用了

設定Script

• 開啟 blogger 後台，點選左邊選單的 版面配置
• Sidebar上, 點選新增小工具，選擇 HTML / Javascript
• 在 HTML / Javascript 內容，貼上下列語法

<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?skin=sons-of-obsidian></script> 

使用方法

將要放置的程式碼 放置在下列兩者語法之間，即可完成

<pre class="prettyprint linenums">your code...</pre>