highlight.js1

使用Github Pages搭建轻博客[5]

为你博客中的代码片段着色。

Markdown中本身支持代码片段的语法,生成的html用<code>标签包围。 但是代码颜色没有高亮显示。

highlight.js

要实现代码高亮可以使用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官方也提供了一些样式表,可以到这里选取一个来使用。