原文地址:鏈接在此
今天給博客換了一個代碼高亮插件 highlight.js 可以支持大多數(shù)語言，自動識別語言，而且可以根據(jù)心情隨時切換代碼塊樣式冒掌。
第一步
在 head.html 文件中加入：
<link rel="stylesheet" />
<script src="http://yandex.st/highlightjs/8.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
第二步
完成第一步之后發(fā)現(xiàn)效果已經有了萧落，但是多了一塊白邊端逼，所以手動做了一個 hack，在 sass/parts/_syntax.scss 注釋掉一行：
article{
...
pre{
...
/*padding: 5px 15px;*/
...
}
}
采用的主題不同述寡，可能處理方式不一樣柿隙，請參考。
第三步
直接使用在代碼塊之前空 4 個空格來高亮
initializer "active_record.initialize_database" do |app|
ActiveSupport.on_load(:active_record) do
self.configurations = app.config.database_configuration || {}
establish_connection
end
end
最后
配合 Mou 寫 markdown鲫凶，非常方便禀崖。而且根據(jù)喜好隨時更換代碼塊顏色：highlight.js Style
enjoy!
交流
歡迎大家關注我的微博和我GitHub,我會不時分享和轉發(fā)一些大牛的技術貼和開源項目.
GitHub:https://github.com/lilongcnc
博客地址:http://www.lilongcnc.cc
