部署博客

部署到GitHub Pages

创建GitHub仓库

部署到GitHub Pages，首先你要有一个仓库，创建仓库步骤如下：

配置GitHub Pages

选择分支，按保存即可,几分钟后就会出现GitHub Pages，最终效果图如下：

部署

设置根目录/(root),当然也可以选择其它目录,点击保存，如果选择其它目录比如docs，docs/.vitepress/config.js就需要配置一个base

export default {
	//仓库名
    base:'/vitepresstest/'
  }

vitepress官网给我们提供了一个脚本文件deploy.sh,我们只需要改下远程仓库即可，配置路径如下：

deploy.sh配置如下：

#!/usr/bin/env sh

# 确保脚本抛出遇到的错误
set -e

# 生成静态文件

npm run build

# 进入生成的文件夹

cd docs/.vitepress/dist

# 如果是发布到自定义域名
# echo 'www.xxx.com' > CNAME

git init
git add -A
git commit -m 'add'

# git push -f git@github.com:你的git名/你的git项目名.git master:你的git分支
git push -f git@github.com:xfycoding/vitepresstest.git master:pages

cd -

配置package.json

代码如下：

"scripts": {
  "dev": "vitepress dev docs",
  "build": "vitepress build docs",
  "serve": "vitepress serve docs",
  "deploy": "deploy.sh"
}

执行命令：

$ npm run deploy

访问上面部署GitHub Pages链接，最终效果图如下：

部署博客 ​

部署到GitHub Pages ​

创建GitHub仓库 ​

配置GitHub Pages ​

部署 ​

进阶 ​

部署博客

部署到GitHub Pages

创建GitHub仓库

配置GitHub Pages

部署

进阶