vitepress 几步轻松搭建博客-Ⅰ、什么是vitepress

时间:2024-04-18 07:52:26
???? 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` 文件夹
          • ⑥ 创建和配置 主页文件
          • ⑦ 创建页面 和 目录的配置

在这里插入图片描述