vuepress部署到github

536 阅读1分钟
  • 在 docs/.vuepress/config.js 中设置正确的 base 在 docs/.vuepress 文件夹下创建 **config.js **,请求路径
// config.js
module.exports = {
    base: "/"
}
  • 配置.sh脚本
#!/usr/bin/env sh

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

set -e

# 生成静态文件

npm run build

# 进入生成的文件夹

cd public
  
# 如果是发布到自定义域名
echo 'www.qingweijie.top' > CNAME  

git init

git add .

git commit -m 'deploy'

# 如果发布到 https://<USERNAME>.github.io

# git push -f git@github.com:<USERNAME>/<USERNAME>.github.io.git main

# 如果发布到 https://<USERNAME>.github.io/<REPO>

git remote add origin git@github.com:LemonZhiQing/myblog.git

git branch -M master

git push -f git@github.com:LemonZhiQing/myblog.git master:gh-pages

cd -
  • 如果没有gh-pages分支,请手动创建gh-pages分支
  • 用sh脚本部署 (在package中配置)
"scripts": {
  ...,
  "deploy": "bash deploy.sh"
}
  • 控制台运行 npm run deploy 或者 双击 sh 文件
  • 设置仓库GitHub Pages访问路径 (Custom domain就在下面)