我的问题是代码高亮样式无效
原因是没有导入hightlight js样式文件
解决方法:导入你喜欢的样式,可以在hightlightjs官网查看每个样式的效果https://highlightjs.org/demo
import markdownit from "markdown-it";
import hljs from "highlight.js";
import "highlight.js/styles/a11y-dark.css";
const md = markdownit({
highlight: function (str, lang) {
if (lang && hljs.getLanguage(lang)) {
try {
return (
'<pre class="hljs"><code>' +
hljs.highlight(lang, str, true).value +
"</code></pre>"
);
} catch (__) {}
}
return (
'<pre class="hljs"><code>' +
md.utils.escapeHtml(str) +
"</code></pre>"
);
},
});
return md.render(content);