为你博客中的代码片段着色。
Markdown中本身支持代码片段的语法,生成的html用<code>标签包围。
但是代码颜色没有高亮显示。
要实现代码高亮可以使用highlight.js
安装highlight.js:
npm install highlight.js --save
使用highlight.js:
var fs = require('fs');
var markdown = require('marked');
var hljs = require('highlight.js');
markdown.setOptions({
highlight: function (code, lang) {
return hljs.highlight(lang, code).value;
}
});
var content = fs.readFile('blog.md');
var html = markdown(content);
代码高亮后的html在浏览的时候发现并没有被着色,但是发现代码里的关键字都被设置了样式。 所以定义好样式的颜色就能看到着色后的代码了。
highlight.js官方也提供了一些样式表,可以到这里选取一个来使用。