過去都會使用 SyntaxHighlighter 的套件
不過，最近發現一個更簡易使用的套件，就是 Highlight.js
使用方式如下：
1、登入 blogger ，點選，總覽 >> 範本 >> 編輯HTML
2、在 <head> ... </head> 中間貼上以下程式碼
<link href="http://yandex.st/highlightjs/7.3/styles/default.min.css" rel="stylesheet"></link>
<script src="http://yandex.st/highlightjs/7.3/highlight.min.js"></script>
以上連結為 hightlight.js 官網所提供
當然，也可以至 官網 下載後，放至自己的空間使用
使用範例：
在文章中貼上以下程式碼
<pre><code>
//程式碼
function sayhi(){
alert("hi")
}
</code></pre>
結果如下：
//程式碼
function sayhi(){
alert("hi")
}
補充：
1、可以使用 google 協作平台 放至該檔案
沒有留言:
張貼留言