WordPress程式碼外掛最新推薦

許多人都喜歡將自己的用過程式碼記錄在BLOG中,但是眾所周知WordPress自身的程式碼功能非常簡陋的,甚至沒有美化效果,難以閱讀,如果你想展示漂亮的程式碼效果,必須安裝一款…插件。接下來為大家挑選幾款最好用的

WordPress程式碼外掛Enlighter

WordPress程式碼區塊外掛推薦-1 相比於其他的插件,Enlighter更有現代設計的簡潔風格,採用小字體非常的漂亮,支援程式碼區塊高亮和行內程式碼高亮,不管是前台的展示還是後台設計,都是非常用心的設計。

Enlighter這款插件非常好用,只需要點開輸入框,複製進代碼保存就行了,不需要進行任何額外的設置就能做出漂亮的代碼顯示,你可以直接在Wordpress的默認TinyMCE編輯器中直接修改代碼,而不必再打開代碼框就行修改,即使你是不熟悉代碼的人,也能輕鬆的上手

Enlighter 已經適配WordPress新版古騰堡編輯器,並為其提供了程式碼模組,可以直接添加
WordPress程式碼區塊外掛推薦-2

WordPress程式碼外掛程式SyntaxHighlighter Evolved

WordPress程式碼區塊外掛推薦-3
SyntaxHighlighter Evolved是一個非常簡潔的插件,最大的特點就是使用方便,他不會為編輯器添加任何多餘的元素,如果你想高亮代碼,只需要在代碼的前後插入對應語言的短代碼即可,比如插入PHP語言,就用[php]代碼[/php] 這樣的格式,當然這樣就無法調整樣式了,你可以到插件的設置中設置一個默認樣式的代碼,然後將其設置到所有的定義樣式
WordPress程式碼區塊外掛推薦-4

WordPress程式碼外掛Code Prettify

WordPress程式碼區塊外掛推薦-5
可以說是使用最簡單的程式碼高亮插件,Code Prettify在Wordpress的格式化基礎上增加了程式碼高亮樣式,你只需要選取程式碼,然後選擇預格式化,他就會自動嗅探語言,並為程式碼添加高亮效果,這款外掛程式非常適合入門者或者非專業人員使用,它沒有任何的設置,但是使用起來非常方便

在古騰堡中,Code Prettify同樣沒有增加更多的模組,你只需要將區塊類似設定為程式碼,即可使用Code Prettify插件的程式碼高亮效果

WordPress程式碼外掛Crayon Syntax Highlighter(尚未支援古騰堡)

WordPress程式碼區塊外掛推薦-6
雖然並未適配新版WordPress編輯器,Crayon Syntax Highlighter 仍是功能最全面的程式碼高亮插件,使用PHP和Jquery建構的,安裝好之後它會在Wordpress編輯器中添加一個程式碼按鈕,你可以自訂地添加程式碼

同時你也可以選擇語言、字體、程式碼格式等多種選項,而且你可以選擇自己喜歡的主題,例如Monokai、Eclipse等,內建了數十種風格
WordPress程式碼區塊外掛推薦-7
也提供了一個工具條,讓訪客自助能夠控製程式碼的顯示,例如

  • 程式碼換行
  • 超長寬度展示
  • 程式碼全部選取功能
  • 行號隱藏
  • 新標籤中開啟代碼

如果你不喜歡工具條的話,這些選項你還可以直接在後台設定一個預設值,然後隱藏工具條就是純程式碼的展示了

另外,記得Crayon Syntax Highlighter 需搭配經典編輯器使用,WordPress使用預設經典編輯器方法

這幾款都是非常優秀的插件,而且全部都是免費插件,它們能夠幫助我們更好的記錄程式碼、展示程式碼、閱讀程式碼、改善程式碼格式

評分

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *