今天主要是想跟大家分享另外一款代碼高亮外掛程式Crayon Syntax Highlighter。
因為其載入速度快,可以解析代碼中的html,並且著色效果更好,所以才更換原來的代碼高亮外掛程式,改用它了。
如何安裝?
在wp後臺安裝外掛程式處,搜索Crayon Syntax Highlighter外掛程式,你會看到一個滿分的該外掛程式,直接安裝即可,wp會幫你下載並解壓安裝的。
如何設置?
在wp後臺右邊功能表列 設置->Crayon 中,又該外掛程式的詳細設置選項。不懂的選項大家可以多試試。
在使用的模版css樣式表加入下面這段
pre { background: #F0F0F0 url(code.gif) repeat-y scroll left top; border: 1px solid #CCCCCC; color: #333333; display: block; font-family: Courier New; font-size: 12pt; line-height: 120%; margin: 5px 0 0 20px; max-height: 200px; overflow: auto; padding: 10px 10px 10px 21px; width: 90%; }
如何使用?
使用方法與SyntaxHighlighter 類似,同樣是在html編輯模式下,使用該類語言的標籤,比如你的代碼是C++,
[C++] your code
[/C++](只是個例子)
代碼效果:
官網說明:http://aramk.com/crayon/converting-legacy-tags-to-pre/