fix: 修复 官网markdown文档代码未正确高亮

build/md-loader/config.js

@@ -1,13 +1,25 @@
 const Config = require('markdown-it-chain')
 const anchorPlugin = require('markdown-it-anchor')
 const slugify = require('transliteration').slugify
+const hljs = require('highlight.js')
+
 const containers = require('./containers')
 const overWriteFenceRule = require('./fence')
 
 const config = new Config()
 
+// 配置markdown-it常规代码高亮，相关文档：https://markdown-it.github.io/markdown-it/#MarkdownIt.new
+const highlight = (str, lang) => {
+  if (!lang || !hljs.getLanguage(lang)) {
+    return '<pre><code class="hljs">' + str + '</code></pre>'
+  }
+  const html = hljs.highlight(lang, str, true, undefined).value
+  return `<pre><code class="hljs language-${lang}">${html}</code></pre>`
+}
+
 config.options
   .html(true)
+  .highlight(highlight)
   .end()
 
   .plugin('anchor')