解決Bootstrap中代碼不高亮問題

背景：本人用node.js＋bootstrap搭建的博客，惋惜用marked解析markdown語法後，代碼顯示灰底黑字，樣子很醜。
因此找到了這個方法，可讓代碼高亮，雖然也不漂亮，但比原始狀態稍好些。

先來看看對比圖：
============>

解決方案

找了好多的解決方案，無心中在github上發現了google/code-prettify這個項目，本次修改就是在這個基礎之上。github項目連接

開始幹活

第一步

咱們從github上的說明能夠看到，在使用以前須要引入一個js文件，咱們能夠把這個文件download下來放到咱們服務器裏。

執行以下命令

$ curl https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js > prettify.js

以後你會發如今當前目錄下有個prettify.js文件。把這個文件移動到你服務器相應的javascript目錄下。而後在前端頁面引用之。

第二步

從github上的文檔使用說明，咱們能夠看到，須要給<pre>標籤加上class="prettyprint"才能使代碼高亮。可是咱們知道bootsctrap自己的pre標籤是沒有這個class的，因此咱們能夠在marked.js解析markdown文件的時候作些修改。

• 首先確保你的marked模塊安裝成功,能夠參考這篇粉絲日誌

打開marked模塊目錄，修改相應的文件

$ cd node_modules/lib
$ vim marked.js

找到如圖因此位置（能夠查找pre關鍵字）

修改爲以下所示

第三步

重啓服務，試試你的markdown 代碼塊效果吧。

新博客地址：http://www.crabx.site 各類功能還未完善，請手下留情。