guide/code/intro/

[giscus[bot]]

guide/code/intro/

概述 主题 使用 Shiki 在 Markdown 代码块实现语法高亮。 重要变更 从 1.0.0-rc.136 版本开始，主题已将代码高亮插件从主题内部实现的 @vuepress-plume/plugin-shikiji 迁移 到了 vuepress ecosystem 提供的 @vuepress/plugin-shiki。 (无需担心变化太大，我也...

https://theme-plume.vuejs.press/guide/code/intro/

[echoyl]

更换
export default defineUserConfig({
theme: plumeTheme({
codeHighlighter: {
themes: { light: 'vitesse-dark', dark: 'vitesse-dark' },
}
})
})
改成其它主题也没有效果，是哪里还要设置吗？

[pengzhanbo]

cli 生成的项目中，package.json scripts 还有一个 docs:dev-clean ，执行一次这个启动开发环境。
有时候主题更新不生效，可能是缓存导致的。

[echoyl]

清除缓存后也没有效果，然后我设置

{
    codeHighlighter: {
      theme:'github-dark'
    },
  }

在light模式下是会显示暗色模式的代码块，但是行号字体颜色还是light模式的。
请问下如何做到vuepress官网文档中在light模式下代码块的主题是暗色的？

[pengzhanbo]

原来你指的是代码块的背景色....
在主题中 代码块的背景色是通过 CSS 变量 --vp-code-block-bg 控制的。需要自行手动自定义。

[echoyl]

感谢大佬，设置了--vp-code CSS 变量现实在亮色模式下代码块的暗色效果。如果能自动配置themes:{light:'某个dark'} 实现就更好了