用了一段時間的Typecho了,感覺挺不錯,但有個問題就是代碼塊不會自動高亮。然後我就找了Syntax Highlighter for Typecho來用……畢竟老牌貨嘛,還是很不錯的,但對行內代碼高亮不支持,修改也不太方便……然後我就找來了HighlightJS……

經過一番修改,把HighlightJS改成了只支持行內代碼高亮,然後配合著Syntax Highlighter高亮大段代碼一起用,效果還是很讚的。但我是強迫症啊!!!於是乎……

我自己摸索著寫了個插件,高亮庫用的是Prism.js,也是個老牌高亮庫了。效果如下:

代碼段落

高亮語言:C#

int startDate = 1;
int startHour = 10;
int startMin = 30;
DateTime now = DateTime.Now;
if (now.Day != startDate)
    return;
while (now.Hour < startHour)
{
    Console.WriteLine("長文本測試 test test test test test test test test test test test test test test test test test test test test test test test test");
    Console.WriteLine("HOUR NOT YET");
    Thread.Sleep(1000 * 60 * 5);
    now = DateTime.Now;
}

行內代碼

高亮語言:JavaScript
這是一句話。var imgs = document.getElementsByTagName("img");這是第二句話。

用法

使用方法很簡單,只要在```或者`之後輸入相應的語言即可,例如:

```c#
Console.Write("Hello World!");
```

或者行內代碼:

`js console.log("Hi!");`

後台參數

後台可以修改的參數如下:
settings.png

GitHub

Prismjs repo on GitHub.

下載

v1.0.7:Prismjs.1.0.7.zip

更新

v1.0.7:修復IE不支持element.remove()函數的問題,另外改了下coy主題,背景也會跟著滾動了
v1.0.6a:修復一個空行不計算高度的錯誤,感謝@jrotty指出
v1.0.6:去除JQuery依賴,修復強制換行模式下最後一行不被計算高度的問題
v1.0.5:強制換行模式下行號正常顯示
v1.0.4:後台添加使用說明、支持大小寫混用的語言名稱
v1.0.3:修正不兼容部分插件的問題……
v1.0.2:修正actionscript、aspnet、batch匹配問題
v1.0.1:修正正則錯誤……(行内代碼c++匹配)