在完成了前面的一系列操作以后,相信你已经在本地搭建好了一个美观的博客系统,本章将介绍如何利用 Github pages 来把本地的博客部署到网络上。
准备工作
- Github 桌面版应用
- Github 账户
- Git bash 命令行工具
创建仓库
按照图示操作新建仓库
将仓库命名为 name.github.io
- 注意,这里的
name
指的是你的GitHub用户名,也就是左边方框里面的,一定要一个字不差!!! - 由于我已经创建好了,所以这里显示仓库已存在。
- 如果你不想公开仓库可以勾选“Private”
然后你就可以在主页看到你刚才创建的仓库了
克隆仓库
进入仓库,按以下步骤将仓库克隆到本地
选择一个地方进行仓库的克隆
完成后会在本地生成一个和仓库同名的目录
生成静态网站
进入你博客的文件夹,打开cmd输入 hugo
,然后会自动在 public
文件夹下生成静态网站
将public
文件夹下的内容全部复制到刚才的仓库中
提交变更申请
打开GitHub应用,添加一个新的存储库,地址是你的刚才的仓库目录
选择添加本地存储库
摘要这里随便写一个,然后点击submit
再点击推送origin,他会自动帮我们把本地仓库改动同步到远程仓库
如图所示,远程的仓库已经自动同步完成
完成
等几分钟之后打开浏览器输入name.github.io
,就可以看见你的个人博客了!!
如果没出现可能是网页问题,记得稍等一会。
提示
- 每次完成本地的网站之后都要使用
hugo
命令生成网站,再把public
文件夹的内容复制到仓库里去 - 上述步骤可以写出bat脚本,可以自己研究一下