github+vuepress搭建博客

部署到 Github Pages 上。我们首先在 Github 上新建一个仓库，名字为访问路径，可以取blog，相应地，我们需要在 config.js 添加一个 base 路径配置：

module.exports = {
  ...
  // 和仓库名相同
  base: '/blog/',
  ...
}

然后我们在项目 vuepress-starter 目录下创建一个脚本文件 deploy.sh，注意修改一下对应的用户名和仓库名： bash复制代码#!/usr/bin/env sh

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

# 生成静态文件
npm run docs:build

# 进入生成的文件夹
cd docs/.vuepress/dist

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

# 如果发布到 https://<USERNAME>.github.io/<REPO>
git push -f git@github.com:XXX/XXX.git master:gh-pages

cd -

新建一个终端，选择 Git Bash，进入主目录，并执行 sh deploy.sh

cd vuepress-starter
sh deploy.sh

项目就会开始构建，然后上传到远程仓库上。 我们可以在仓库的 Settings -> Pages 中看到最后的地址。