网站地图    收藏   

主页 > 前端 > javascript >

Redcarpet和Highlight高亮插件配置详解

来源:自学PHP网    时间:2025-08-22 15:57 作者: 阅读:

[导读] 本文章来给各位同学介绍一个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>



注意引用的路径


&bull;代码块写法


指定代码的语言,形如:



```php
$a = 'a';
echo $a;
```


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


使用Redcarpet


&bull;安装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...



&bull;修改_config.yml



markdown: redcarpet

redcarpet:

  extensions: ["no_intra_emphasis", "fenced_code_blocks", "autolink", "tables", "with_toc_data"]


自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论