【VuePress 个人博客搭建】
个人博客搭建免服务器
- 一、安装 VuePress
-
- 1、创建文件夹并进入该目录
- 2、初始化项目
- 3、安装VuePress
- 4、在 package.json 中修改 scripts
- 5、创建目录和配置文件
- 6、创建第一篇文档
- Hello VuePress
-
- 7、 运行项目
- 二、部署
-
- 1、新建github 仓库
- 2、在 config.js 添加 base 路径配置：
- 3、创建 GitHub Actions 配置文件
- 4、提交本地代码，关联远程
- 5、切换Actions标签
- 6、在Setting标签页中，侧边栏中选择Pages，Source 选择 "Deploy from a branch"，然后在 Branch 标签下选择 gh-pages 分支和 /(root) 目录，点"Save"保存
一、安装 VuePress
1、创建文件夹并进入该目录
2、初始化项目
pnpm init
3、安装VuePress
# 安装 vuepress 和 vue
pnpm add -D vuepress@next vue
# 安装打包工具和主题
pnpm add -D @vuepress/bundler-vite@next @vuepress/theme-default@next
4、在 package.json 中修改 scripts
"dev": "vuepress dev docs",
"build": "vuepress build docs",
5、创建目录和配置文件
<