Redcarpet和Highlight高亮插件配置详解-百分百源码网

Redcarpet和Highlight高亮插件配置详解

发布时间：01/15 来源：浏览：关键词：

本文章来给各位同学介绍一个Redcarpet和Highlight高亮插件配置详解,Highlight是现在网站代码高亮显示的一个不错的主流插件了，下面我来介绍一下Highlight配置使用方法。

使用Highlight.js
•下载Highlight
Highlight是一款专门为MarkDown打造的，支持54种编程语言的代码高亮和26种代码风格。进入下载页面选择你使用的语言，然后点击download按钮下载，完成之后解压，把highlight.pack.js和style目录里你喜欢的代码风格样式文件拷贝到项目中去。

•使用Highlight

通常在layout页面引用一次即可，例如：

代码如下
<link rel="stylesheet" href="/css/tomorrow-night.css" type="text/css" media="screen, projection" /> <script src="/js/highlight.pack.js" type="text/javascript"></script> <script>hljs.initHighlightingOnLoad();</script>

注意引用的路径

•代码块写法

指定代码的语言，形如：

代码如下
```php $a = 'a'; echo $a; ```

但是之前使用的rdiscount这个解释器对上面代码解析错误，所以要使用下面的redcarpet。

使用Redcarpet

•安装redcarpet

代码如下
lch@localhost:luchanghong.github.com $ sudo gem install redcarpet Password: Fetching: redcarpet-2.2.2.gem (100%) Building native extensions. This could take a while... Successfully installed redcarpet-2.2.2 1 gem installed Installing ri documentation for redcarpet-2.2.2... Installing RDoc documentation for redcarpet-2.2.2...

•修改_config.yml