你好同学,我是沐爸,欢迎点赞、收藏、评论和关注!
不知你有没有发现?即便你搜遍全网,也根本找不到你想要的 vitepress 主题,它们要么不符合需求,要么无法使用。这里为你提供全网最美最全的 vitepress 主题,让你不在为找不到合适的 vitepress 主题而发愁。接下来一起看看吧。
主题欣赏
先选择几个主题欣赏下。
所有主题列表
let themes =['andromeeda','aurora-x','ayu-dark','catppuccin-frappe','catppuccin-latte','catppuccin-macchiato','catppuccin-mocha','dark-plus','dracula','dracula-soft','github-dark','github-dark-default','github-dark-dimmed','github-light','github-light-default','houston','laserwave','light-plus','material-theme','material-theme-darker','material-theme-lighter','material-theme-ocean','material-theme-palenight','min-dark','min-light','monokai','night-owl','nord','one-dark-pro','one-light','poimandres','red','rose-pine','rose-pine-dawn','rose-pine-moon','slack-dark','slack-ochin','snazzy-light','solarized-dark','solarized-light','synthwave-84','tokyo-night','vesper','vitesse-black','vitesse-dark','vitesse-light']
VitePress 使用 Markdown-it 作为解析器,使用 Shiki 来高亮不同语言语法。在 npm 包 Shiki 中,我们可以发现它提供的众多主题。
该如何使用呢?
在 .vitepress/config.mts 中添加下列 markdown 配置即可:
exportdefaultdefineConfig({markdown:{theme:{dark:'dracula-soft',light:'github-dark',}}}
既然知道了,就赶快试试吧。
好了,分享结束,谢谢点赞,下期再见。
版权归原作者 沐爸muba 所有, 如有侵权,请联系我们删除。