Markdown的代码高亮

Markdown编辑器生成的页面，大多都是对代码用<code></code>和<pre></pre>包裹起来，所以只要对这两个标签用js批量修改css即可

  • 列表项目
  • 使用的js插件是highlight.js
  • 一般在文章底部加入以下代码
<!-- 代码高亮 -->
<link rel="stylesheet" type="text/css" href="http://cdn.staticfile.org/highlight.js/8.3/styles/default.min.css">
<script type="text/javascript" src="http://cdn.staticfile.org/highlight.js/8.3/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

注意:最后一句hljs.initHighlightingOnLoad();必须在页面加载完成后才执行，你也可以放在js的onload事件里

附highlight.js官网demo，里面有各种样式的css，看个人喜好使用
https://highlightjs.org/static/demo/

标签: highlight