今天要更新blog上code的時候,突然想到先前都是只使用這樣的標籤
...
感覺實在有點陽春,所以就找了一個叫做SyntaxHighlighter
功能特色:
- 高亮顯示
- 支援多個程式語言
- 多個樣板可選擇
- 顯示行數
可以在SyntaxHighlighter官網下載,或者是直接使用線上掛載
到blogger 管理後台 >> 範本 >> 編輯 HTML
找到</head>,在這標籤之前載入需要的js跟css
這樣只要在文章編輯時加上
<pre class="brush: js;">
function helloSyntaxHighlighter()
{
return "hi!";
}
</pre>
就會顯示
function helloSyntaxHighlighter()
{
return "hi!";
}
其中brush的載入參數可以在這brush參數找到
底色樣板的樣式可以在這看到預覽
[後記]
這樣的文章很多...但是試了好次卻都會跑版,替換過幾個版本後發現是
shCore.css
shCore.js
這兩支有問題,可能是需要修改哪些地方,但目前還沒找到,所以先拿先前的版本來用
版本列表