【網頁設計】如何在Blogspot將程式碼上色

1. 連至Prism網站，選取並下載為 prism.js 和 prism.css 兩個檔案。

1-1 http://prismjs.com/download.html
1-2 選取「樣式」與「程式種類」，再點選下方兩個 Download 按鈕，取得prism.js和prism.css

2. 將 prism.js 加入blogspot

2-1 使用記事本開啟 prism.js後，在最前面加入<script>，在最後方加入</script>後，複製所有程式碼。
2-2 後台 / 版面配置 ，在Sidebar處新增「HTML/Javascript小工具」，將前述js程式碼貼上後儲存。

3. 將 prism.css 加入blogspot

3-1 使用記事本開啟 prism.css後，複製所有程式碼。
3-2 後台 / 主題 / 編輯HTML，找到</style>後，在前面插入上述css程式碼。

4.套用 Prism Code

<pre><code class='language-javascript line-numbers'> 

... 填入程式碼 ... 

</code></pre>