素的还真

VitePress部署到Github Pages后发现样式全错乱怎么办？当我们部署到Github pages线上后，发现全是样式错乱的，也就是无样式，怎么办？这个时候我们作为前端开发者，可以打开浏览器调试看看就发现了，是静态资源地址不对

ci.yml配置内容如下。

VitePress第三方组件库的使用-搭建组件库文档，VitePress搭建组件库文档

如何自定义页面模板和使页面标题变成侧边目录？自定义页面底部？上一节其实我们也简单说了自定义页面模板，这一节更加详细一点说明，开始之前我们要知道在vitePress中，.md的文件是可以直接编写vue的代码的

有时候觉得自带的样式不好看，想自定义，首先我们在docs/.vitePress新建一个theme文件夹，用来存放自定义布局和主题修改的相关文件，如下所示。：.scss、.sass、.less， .styl 和 .stylus 文件。在theme/index.js注册为全局组件，然后在index.md 直接引用即可。引入import ‘./rainbow.css’，文字颜色等可以动态变化。theme下再新建custom.css 和 index.js。然后自定义编写好组件后，然后在index.md引入即可。

最后更新时间需要在 themeConfig 平级去开启此选项，然后在 themeConfig 中可以去定制其展示文字。上面是纯文本的logo文字，如果想修改为图片来展示网站的logo，则可以通过如下设置。申请key才可以，这里自己就不申请配置了，网上也有相关的文档说明。如果想修改网站的logo标题，则可以在。logo应该直接放在 public 中，并定义为绝对路径。关于默认主题相关细节配置，我们也是通过配置文件。选项定义主题配置，以下所有配置都是在。默认情况下，网站的logo会引用。选项中设置定义标题。

VitePress默认首页和头部导航栏、左侧导航栏配置，注意事项：这里我发现在创建导航的时候有一个细节要注意，比如关于我们，假如我们创建的是about/index.md，这个时候导航就没有选中样式效果。把index.md改为其他名字即可，比如page.md，此时才有选中的样式效果。

从零开始把手教你用VitePress搭建博客教程，VitePress的安装和运行，有详细的搭建过程记录。