随笔分类 - VitePress
VitePress搭建个人博客教程和使用说明，有详细搭建过程。
摘要：VitePress部署到Github Pages后发现样式全错乱怎么办？ 当我们部署到Github pages线上后，发现全是样式错乱的，也就是无样式，怎么办？在此简单记录一下 这个时候我们作为前端开发者，可以打开浏览器调试看看就发现了，是静态资源地址不对，如下 这个时候，我们只需修改theme/c
阅读全文
摘要：接上一节：从零用VitePress搭建博客教程(6) -– 第三方组件库的使用和VitePress搭建组件库文档 我们搭建完成vitePress后，那么接下来就是如何部署到线上服务器，这里使用Github Pages，免得自己购买服务器，当然你也可以自己购买服务器来部署（比如阿里云服务器）。 在部署
阅读全文
摘要：接上一节：从零用VitePress搭建博客教程(5) - 如何自定义页面模板、给页面添加独有的className和使页面标题变成侧边目录？ 九、第三方组件库的使用 我们经常看见UI组件库的文档，这里我们就用element-plus第三方组件库为例子，搭建组件库文档 examples：作为组件库示例目
阅读全文
摘要：接上一节：从零用VitePress搭建博客教程(4) – 如何自定义首页布局和主题样式修改？ 上一节其实我们也简单说了自定义页面模板，这一节更加详细一点说明，开始之前我们要知道在vitePress中，.md的文件是可以直接编写vue的代码的。 比如我们现在来自定义一个前端网址导航页面 八、自定义一些
阅读全文
摘要：接上一节：从零用VitePress搭建博客教程(3) - VitePress页脚、标题logo、最后更新时间等相关细节配置 六、首页样式修改 有时候觉得自带的样式不好看，想自定义，首先我们在docs/.vitePress新建一个theme文件夹，用来存放自定义布局和主题修改的相关文件，如下所示 th
阅读全文
摘要：接上一节：从零用VitePress搭建博客教程(2) –VitePress默认首页和头部导航、左侧导航配置 五、默认主题相关细节配置 关于默认主题的标题，logo、页脚，最后更新时间等相关细节配置，我们也是通过文件config.js中的themeConfig选项配置的，以下所有配置都是在themeC
阅读全文
摘要：2. 从零用VitePress搭建博客教程(2) –VitePress默认首页和头部导航、左侧导航配置 接上一节： 从零用VitePress搭建博客教程(1) – VitePress的安装和运行 四、默认首页配置 配置首页之前，我们需要了解VitePress的默认主题，它是提供了首页布局，通过设置
阅读全文
摘要：1.从零用VitePress搭建博客说明(1) – VitePress的安装和运行 一、写在前面 最近在想更新一把自己的前端吧小博客，但发现wordPress版本停留在了5年之前，发现变化挺大，不支持在线直接更新，服务器正在运行的php等环境完全不支持wordPress最新版本。如果想使用最新版本，
阅读全文
