myblog1

vuepress+Github Pages构建个人博客(对网上博客的总结)

1、可以利用别人已经搭建好的博客快速构建，可选择自己喜欢的主题。

https://zhuanlan.zhihu.com/p/111749216

2、打开cmd,使用npm run build命令打包项目，会在.vuepress目录加下生成dist文件夹。若找不到dist，则查看congfig.js，检查是否修改了输出目录的名称，注释掉即可（如下图所示）。

3、依次执行以下命令(先安装好Git)：

   #进入生成的文件夹
   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

   #把上面的 <USERNAME> 换成你自己的 Github 用户名，<REPO> 换成仓库名，比如我这里就是：
   git push -f git@github.com:wtyqer/blog.git master:gh-pages

4、返回 Git 仓库，点击 settings，下拉到Github Pages,标红的位置就是部署后的 Github Pages 地址：

参考链接：

https://www.jianshu.com/p/1f199ee49e4c