在Blogspot中插入高亮程式碼

從PRISM這個網站下載程式碼想要呈現的風格。簡單說，選完THEME之後，就直接去下載網頁最下方的兩個檔案，改名成：

• prism.js：到後台的 Layout > Sidebar > 新增一個HTML/Javascript的Gadget
  在content裡面加入，<script>上面這個檔案的內容</script>
• prism.css：到後台的Theme > Customize > Advanced > Add  CSS
  把上面這個檔案的內容貼上去

然後在編寫程式的時候，到HTML模式內輸入
<pre><code class="language-bash line-numbers">#!/bin/sh
for i in {1..10}; do echo $i; done
</code></pre>

這樣就會現下面的內容

#!/bin/sh
for i in {1..10}; do echo $i; done

參考資料

• [Blogger] 如何在網頁Blogger中插入程式碼
• [技術分享] 寫給會在部落格中撰寫程式碼的你 - 在網頁中嵌入高亮程式碼上色(syntax highlighting)

_EOF_