Redcarpet和Highlight高亮插件配置详解
来源：自学PHP网
时间：2014-09-19 14:47 作者：
阅读:次
[导读] 本文章来给各位同学介绍一个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
| 代码如下 |
复制代码 |
|
markdown: redcarpet
redcarpet:
extensions: ["no_intra_emphasis", "fenced_code_blocks", "autolink", "tables", "with_toc_data"]
|
|
