主页 > 前端 > javascript >
来源:自学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> 注意引用的路径 •代码块写法 指定代码的语言,形如: ```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"] |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com