解决Bootstrap中代码不高亮问题

先来看看对比图：


============>

解决方案

找了好多的解决方案，无意中在

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 代码块效果吧。