自己在学习的过程中,会总结一些积累的文档,CSDN是一个很好的平台,但是想发布到自己的网站或者GitHub之类的网站上时,就会想要自己维护一个博客
GitHub Page
- 在GitHub上新建一个或者利用先有仓库,用来部署网站
- 在 docs/.vuepress/config.js 文件中设置正确的 base
如果你打算发布到 https://.github.io/,则可以省略这一步,因为 base 默认即是 “/”。
如果你打算发布到 https://.github.io//(也就是说你的仓库在 https://github.com//),则将 base 设置为 “//”。
Vuepress
vue作者尤大大 编写的网页文档编辑器
发布到GitHub Page
- 修改根目录下面的deploy.sh
#!/usr/bin/env sh
# 确保脚本抛出遇到的错误
set -e
# 生成静态文件
npm run docs:build
# 进入生成的文件夹
cd docs/.vuepress/dist
# 如果是发布到自定义域名
# echo 'www.example.com' > CNAME
git init
git add -A
git commit -m 'deploy'
# 如果发布到 https://<USERNAME>.github.io
# git push -f git@github.com:<USERNAME>/<USERNAME>.github.io.git master
# 如果发布到 https://<USERNAME>.github.io/<REPO>
# git push -f git@github.com:<USERNAME>/<REPO>.git master:gh-pages
cd -
- 在文件目录双击运行,就会在指定的repo下新建一个gh-pages的分支
- 配置主题
在当前仓储下找到 setting
- 找到source gh-pages branch
- theme chooser 选择合适的主题
- 我用的vuepress自带主题
- 大功告成