前端開發：一個語法高亮顯示的JavaScript插件（highlight.js）(WordPress集成Highlight.JS實現代碼高亮功能)

前端開發：一個語法高亮顯示的JavaScript插件（highlight.js）

1、快速開始

https://github.com/isagalaev/highlight.js

下載完成後解壓，把解壓後的文件放到項目任意位置，在頁面中引入任意一種風格和highlight.pack.js。

在body中創建元素，highlight.js會自動檢測語言，如果無法檢測出正確語言，請使用class屬性設置語言。

運行一下腳本初始化即可，不需要任何其他代碼一個高亮顯示就做好了。

2、風格展示

①solarized-dark

②solarized-light

③railscasts

④monokai-sublime

⑤vs

⑥github

⑦color-brewer

⑧zenburn

3、語言展示

①swift

②css

③go

④typescript

⑤json

⑥python

⑦xml

⑧javascript

有哪裡寫得不好的地方請大家提出來，請輕噴，謝謝。 同時有什麼與編程相關的好東西可以推舉給我，再次感謝！

WordPress集成Highlight.JS實現代碼高亮功能

WordPress代碼高亮功能是很多站長都比較需要的功能，主要用來實現文章內代碼高亮顯示，更加方便查看文章內代碼。

很多站長選擇用插件實現這個功能，不過個人還是比較喜歡用代碼實現代碼高亮的功能，直接集成Highlight.JS就可以。