prismjs

该插件使用 Prism.js 来为 Markdown 代码块启用代码高亮。

该插件已经集成到默认主题中。

需要注意的是，该插件仅会给代码块添加 HTML 标记，而不会添加样式。当你在一个自定义主题中使用它时，可能需要自己选择并引入 Prism.js 样式主题。

使用方法

npm i -D @vuepress/plugin-prismjs@next

const { prismjsPlugin } = require('@vuepress/plugin-prismjs')
module.exports = {
  plugins: [
    prismjsPlugin({
      // 配置项
    }),
  ],
}

配置项

preloadLanguages

• 类型： string[]

• 默认值： ['markdown', 'jsdoc', 'yaml']

• 详情：

  需要预加载的语言。

  默认情况下，语言会在解析 Markdown 文件时按需加载。

  然而， Prism.js 在动态加载语言时可能会遇到 一些潜在的问题 。为了避免这些问题，你可以使用该配置项来预加载一些语言。