使用highlightjs自定义markdown代码高亮
来源:互联网 发布:淘宝卖水果和干货吗 编辑:程序博客网 时间:2024/05/20 11:47
概述
Mou在mac上的 markdown 编辑器,很简约,可惜Mou好像只支持标准的 markdown 语法,不支持 markdown Extra ,比如[toc]
生成目录和代码高亮等,所以才有了本文。
highlight.js是一个github上的代码高亮插件,支持大多数的语言,能自动识别语言,还可以随意切换不同的代码块样式。
highlight.js 的guihub地址:https://github.com/isagalaev/highlight.js
highlight.js 的官网:https://highlightjs.org/
实现方法
第1种
官网上介绍的在线方式
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.5/styles/default.min.css"><script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.5/highlight.min.js"></script>
这种方法我试过了没有效果
第2种
下载highlight.js库了,解压后可以看到5个文件
我们只需要 highlight.pack.js 和 styles 这两个文件,把它们拷贝到.md文件的目录下,在最上面加入下面的代码
<link rel="stylesheet" href="/path/to/styles/default.css"><script src="/path/to/highlight.pack.js"></script><script>hljs.initHighlightingOnLoad();</script>
可以自由的换样式,只要将第一行代码最后的css更改styles下的其他样式就可以了
第3种
引用自 http://blog.zlxstar.me/blog/2014/04/05/shi-yong-highlightjs-gao-liang/?utm_source=tuicool
在 head.html 文件中加入:
<link rel="stylesheet" href="http://yandex.st/highlightjs/8.0/styles/solarized_dark.min.css"><script src="http://yandex.st/highlightjs/8.0/highlight.min.js"></script><script>hljs.initHighlightingOnLoad();</script>
0 0
- 使用highlightjs自定义markdown代码高亮
- 代码高亮 highlightjs 使用文档
- Pure-Highlightjs – WordPress 代码高亮插件
- 在线markdown转html+代码高亮
- Django+Markdown+Pygments 支持Markdown 实现代码高亮
- Haroopad Markdown 编辑器代码语法高亮支持
- 有道云markdown编辑代码前后高亮
- 使用CodeHighlighter高亮代码
- 使用SyntaxHighlighter高亮代码
- python3-markdown 解析反引号代码块与代码高亮
- 使用 CodeHighlighter 将代码语法高亮
- 使用 CodeHighlighter 将代码语法高亮
- Word中使用代码高亮插件
- 使用google-code-prettify高亮代码
- 代码高亮(SyntaxHighlighter)插件的使用
- Django 下使用 SyntaxHighlight 代码高亮
- [HTML] Prettify 代码高亮使用总结
- 使用Pygments来实现代码高亮
- hash的运用
- 伪类选择器
- 开篇
- XX大冒险模型解构
- 安卓面试题系类-10
- 使用highlightjs自定义markdown代码高亮
- Remove Duplicates from Sorted List II
- 函数、指针、数组
- c++ primer第五版学习网址
- 整理一些常用的DNS
- iOS上应用如何兼容32位系统和64位系统
- 1 UVA 10789 Prime Frequency
- 拍平多维数组
- Android的自定义数字Picker控件-NumberPicker使用方法