VitePress
Github Pages + VitePress搭建
官网：https://vitepress.dev/ 1.准备 安装node.js和Git 2.新建项目 在该项目路径下安装vitepress并初始化(建议用管理员的方式打开命令行) npm add -D vitepress #安装 npx vitepress init #初始化 得到以下目录结构 3 ......
从零用VitePress搭建博客教程(7) -– 如何用Github Actions自动化部署到Github Pages？
接上一节：从零用VitePress搭建博客教程(6) -– 第三方组件库的使用和VitePress搭建组件库文档 我们搭建完成vitePress后，那么接下来就是如何部署到线上服务器，这里使用Github Pages，免得自己购买服务器，当然你也可以自己购买服务器来部署（比如阿里云服务器）。 在部署 ......
从零用VitePress搭建博客教程(6) -– 第三方组件库的使用和VitePress搭建组件库文档
接上一节：从零用VitePress搭建博客教程(5) - 如何自定义页面模板、给页面添加独有的className和使页面标题变成侧边目录？ 九、第三方组件库的使用 我们经常看见UI组件库的文档，这里我们就用element-plus第三方组件库为例子，搭建组件库文档 examples：作为组件库示例目 ......
67.vitepress 部署到github中
1.参考66文章先初始化项目 2.使用代码空间进行打开 3.项目目标添加.github/workflows/deploy.yml 这样一个文件 1 name: Deploy 2 3 on: 4 push: 5 branches: 6 - main 7 8 jobs: 9 deploy: 10 run ......
66.vitepress 上传github操作
1.添加忽略上传文件 在GitHub上创建仓库，对于名称有特殊要求，为用户名.github.io。例如我的用户名为mengxiaoxuan888，仓库名称则为mengxiaoxuan888.github.io。 创建仓库后，将我们刚刚创建的博客工程上传到GitHub仓库中。注意并不是所有文件都需要上 ......
65.初始化vitepress项目
1.电脑本地需要安装node 16+版本 2.电脑本地安装pnpm 3.本地创建一个文件夹，用于存放该项目，如：F:\资料整合\编程资料\编程项目\网页\sfisadmin\vitepress 4.进入该文件夹 5.初始化node工程： pnpm init 6.安装vitepress pnpm ad ......
从零用VitePress搭建博客教程(5) - 如何自定义页面模板、给页面添加独有的className和使页面标题变成侧边目录？
接上一节：从零用VitePress搭建博客教程(4) – 如何自定义首页布局和主题样式修改？ 上一节其实我们也简单说了自定义页面模板，这一节更加详细一点说明，开始之前我们要知道在vitePress中，.md的文件是可以直接编写vue的代码的。 比如我们现在来自定义一个前端网址导航页面 八、自定义一些 ......
从零用VitePress搭建博客教程(4) – 如何自定义首页布局和主题样式修改？
接上一节：从零用VitePress搭建博客教程(3) - VitePress页脚、标题logo、最后更新时间等相关细节配置 六、首页样式修改 有时候觉得自带的样式不好看，想自定义，首先我们在docs/.vitePress新建一个theme文件夹，用来存放自定义布局和主题修改的相关文件，如下所示 th ......
从零用VitePress搭建博客教程(3) - VitePress页脚、标题logo、最后更新时间等相关细节配置
接上一节：从零用VitePress搭建博客教程(2) –VitePress默认首页和头部导航、左侧导航配置 五、默认主题相关细节配置 关于默认主题的标题，logo、页脚，最后更新时间等相关细节配置，我们也是通过文件config.js中的themeConfig选项配置的，以下所有配置都是在themeC ......
为 VitePress 网站添加 RSS 订阅支持
省流：使用 [vitepress-plugin-rss](https://www.npmjs.com/package/vitepress-plugin-rss) 这个插件 ## 前言 在看许多个人博客站点的时候，右上角总会有个RSS订阅的标志 ![](https://img.cdn.sugarat. ......