精品軟體與實用教程
許多人都喜歡將自己的用過程式碼記錄在BLOG中,但是眾所周知WordPress自身的程式碼功能非常簡陋的,甚至沒有美化效果,難以閱讀,如果你想展示漂亮的程式碼效果,必須安裝一款…代碼高亮插件。接下來為大家挑選幾款最好用的 WordPress程式碼區塊外掛
WordPress程式碼外掛Enlighter
相比於其他的插件,Enlighter更有現代設計的簡潔風格,採用小字體非常的漂亮,支援程式碼區塊高亮和行內程式碼高亮,不管是前台的展示還是後台設計,都是非常用心的設計。
Enlighter這款插件非常好用,只需要點開輸入框,複製進代碼保存就行了,不需要進行任何額外的設置就能做出漂亮的代碼顯示,你可以直接在Wordpress的默認TinyMCE編輯器中直接修改代碼,而不必再打開代碼框就行修改,即使你是不熟悉代碼的人,也能輕鬆的上手
Enlighter 已經適配WordPress新版古騰堡編輯器,並為其提供了程式碼模組,可以直接添加
WordPress程式碼外掛程式SyntaxHighlighter Evolved
SyntaxHighlighter Evolved是一個非常簡潔的插件,最大的特點就是使用方便,他不會為編輯器添加任何多餘的元素,如果你想高亮代碼,只需要在代碼的前後插入對應語言的短代碼即可,比如插入PHP語言,就用[php]代碼[/php] 這樣的格式,當然這樣就無法調整樣式了,你可以到插件的設置中設置一個默認樣式的代碼,然後將其設置到所有的定義樣式
WordPress程式碼外掛Code Prettify
可以說是使用最簡單的程式碼高亮插件,Code Prettify在Wordpress的格式化基礎上增加了程式碼高亮樣式,你只需要選取程式碼,然後選擇預格式化,他就會自動嗅探語言,並為程式碼添加高亮效果,這款外掛程式非常適合入門者或者非專業人員使用,它沒有任何的設置,但是使用起來非常方便
在古騰堡中,Code Prettify同樣沒有增加更多的模組,你只需要將區塊類似設定為程式碼,即可使用Code Prettify插件的程式碼高亮效果
WordPress程式碼外掛Crayon Syntax Highlighter(尚未支援古騰堡)
雖然並未適配新版WordPress編輯器,Crayon Syntax Highlighter 仍是功能最全面的程式碼高亮插件,使用PHP和Jquery建構的,安裝好之後它會在Wordpress編輯器中添加一個程式碼按鈕,你可以自訂地添加程式碼
同時你也可以選擇語言、字體、程式碼格式等多種選項,而且你可以選擇自己喜歡的主題,例如Monokai、Eclipse等,內建了數十種風格
也提供了一個工具條,讓訪客自助能夠控製程式碼的顯示,例如
- 程式碼換行
- 超長寬度展示
- 程式碼全部選取功能
- 行號隱藏
- 新標籤中開啟代碼
如果你不喜歡工具條的話,這些選項你還可以直接在後台設定一個預設值,然後隱藏工具條就是純程式碼的展示了
另外,記得Crayon Syntax Highlighter 需搭配經典編輯器使用,WordPress使用預設經典編輯器方法
這幾款都是非常優秀的插件,而且全部都是免費插件,它們能夠幫助我們更好的記錄程式碼、展示程式碼、閱讀程式碼、改善程式碼格式