???? vitepress
使用场景
简单的说 ,只要 会用
markdown
语法,就能构建自己的 「博客、笔记、使用文档」等系统 ;
✨ vitepress
优势
优势 | 介绍 |
---|---|
傻瓜式操作 | 只需要配置 菜单 和 对应的 markdown 就能实现博客、笔记等系统 * |
性能优势 | 基于 vue3 和 vite 超快的启动速度,和更小的打包体积 「相比vue2 的 vuepress 更具有优势」 |
写的少,做的多 | 专注于编写并以最少的配置进行部署,真正的 SSG + SPA 架构疯狂 |
独特设计与主题 | 自带各种独特的主题,我们只需填充内容和配置 「不需要向直接使用vue或react 那样逐步搭建」 |
???? vitepress
几步操作后,效果图
文章目录
- Ⅰ、什么是vitepress
- ???? `vitepress` 使用场景
- ✨ `vitepress` 优势
- ???? `vitepress` 几步操作后,效果图
- Ⅱ、安装和搭建 vitepress
- ???? 安装 ????
- ① 初始化一个文件夹
- ② 安装 `vitepress` 和 相关依赖 `vue`
- ③ 在生成的 `package.json` 中,修改 `scripts` 脚本命令
- ④ 运行 vitepress
- ???? 配置 ????
- ⑤ 启动后,将自动生成 `docs` 文件夹
- ⑥ 创建和配置 主页文件
- ⑦ 创建页面 和 目录的配置