我的问题是代码高亮样式无效
原因是没有导入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);
Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐