markdown-it 中,代码高亮、关键字高亮如何配置?
markdown-it
默认不包含代码高亮功能,但你可以通过其插件系统或外部库如 highlight.js
或 Prism.js
来实现这个功能。下面是一个使用 highlight.js
在 markdown-it
中实现代码高亮的例子:
const MarkdownIt = require('markdown-it')
const hljs = require('highlight.js')
let md = new MarkdownIt({
highlight: function (str, lang) {
if (lang && hljs.getLanguage(lang)) {
try {
return hljs.highlight(str, { language: lang }).value;
} catch (__) {}
}
return ''; // 使用默认的Markdown转义
}
});
在这个例子中,创建了一个新的 markdown-it
实例,并传入一个配置对象。其中,highlight
属性是一个函数,它接收原始代码字符串和语言标识作为参数。如果能够在 highlight.js
中找到对应的语言,就使用 highlight.js
进行高亮;否则,返回空字符串使用默认的Markdown转义。
至于关键字高亮,这通常需要自定义处理或者使用特定的插件来实现,因为这取决于你想要在HTML中如何表示并突出显示这些关键字。在得到HTML输出之后,你可以使用CSS样式对特定的元素或类进行格式化,从而达到关键字高亮的效果。