0
点赞
收藏
分享

微信扫一扫

vuepress + github发布个人博客到github.io


自己在学习的过程中,会总结一些积累的文档,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自带主题
  • 大功告成
  • vuepress + github发布个人博客到github.io_github


举报

相关推荐

0 条评论