myblog1

本文介绍如何使用VuePress结合GitHub Pages快速搭建个人博客,包括选择主题、项目打包、部署流程及配置自定义域名等关键步骤。

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

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值