- 博客(8)
- 收藏
- 关注
RSS订阅原创 VitePress部署到Github Pages后发现样式全错乱了怎么办？
VitePress部署到Github Pages后发现样式全错乱怎么办？当我们部署到Github pages线上后，发现全是样式错乱的，也就是无样式，怎么办？这个时候我们作为前端开发者，可以打开浏览器调试看看就发现了，是静态资源地址不对
2023-10-25 08:41:04
423
原创 从零用VitePress搭建博客教程(7) -– 如何用Github Actions自动化部署到Github Pages？
ci.yml配置内容如下。
2023-10-24 09:48:21
326
原创 从零用VitePress搭建博客教程(6) - 第三方组件库的使用-VitePress搭建组件库文档
VitePress第三方组件库的使用-搭建组件库文档，VitePress搭建组件库文档
2023-10-18 09:32:44
495
4
原创 从零用VitePress搭建博客教程(5) - 如何自定义页面模板、给页面添加独有的className和使页面标题变成侧边目录？
如何自定义页面模板和使页面标题变成侧边目录？自定义页面底部？上一节其实我们也简单说了自定义页面模板，这一节更加详细一点说明，开始之前我们要知道在vitePress中，.md的文件是可以直接编写vue的代码的
2023-10-16 11:02:28
837
6
原创 从零用VitePress搭建博客教程(4) – 如何自定义首页布局和主题样式修改？
有时候觉得自带的样式不好看，想自定义，首先我们在docs/.vitePress新建一个theme文件夹，用来存放自定义布局和主题修改的相关文件，如下所示。：.scss、.sass、.less， .styl 和 .stylus 文件。在theme/index.js注册为全局组件，然后在index.md 直接引用即可。引入import ‘./rainbow.css’，文字颜色等可以动态变化。theme下再新建custom.css 和 index.js。然后自定义编写好组件后，然后在index.md引入即可。
2023-10-13 09:40:58
1690
原创 从零用VitePress搭建博客教程(3) – VitePress默认主题logo、最后更新时间等相关细节配置
最后更新时间需要在 themeConfig 平级去开启此选项，然后在 themeConfig 中可以去定制其展示文字。上面是纯文本的logo文字，如果想修改为图片来展示网站的logo，则可以通过如下设置。申请key才可以，这里自己就不申请配置了，网上也有相关的文档说明。如果想修改网站的logo标题，则可以在。logo应该直接放在 public 中，并定义为绝对路径。关于默认主题相关细节配置，我们也是通过配置文件。选项定义主题配置，以下所有配置都是在。默认情况下，网站的logo会引用。选项中设置定义标题。
2023-10-12 13:49:03
1162
原创 从零用VitePress搭建博客教程(2) – VitePress默认首页和头部导航配置
VitePress默认首页和头部导航栏、左侧导航栏配置，注意事项：这里我发现在创建导航的时候有一个细节要注意，比如关于我们，假如我们创建的是about/index.md，这个时候导航就没有选中样式效果。把index.md改为其他名字即可，比如page.md，此时才有选中的样式效果。
2023-10-12 13:33:03
1342
原创 从零用VitePress搭建博客教程(1) – VitePress的安装和运行
从零开始把手教你用VitePress搭建博客教程，VitePress的安装和运行，有详细的搭建过程记录。
2023-10-12 10:59:04
637
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人