Featured image of post 基于 Hugo 的网站搭建日志 03

基于 Hugo 的网站搭建日志 03

离开本地,让博客投入互联网的怀抱

在完成了前面的一系列操作以后,相信你已经在本地搭建好了一个美观的博客系统,本章将介绍如何利用 Github pages 来把本地的博客部署到网络上。

准备工作

  1. Github 桌面版应用
  2. Github 账户
  3. Git bash 命令行工具

创建仓库

按照图示操作新建仓库

将仓库命名为 name.github.io

  • 注意,这里的name指的是你的GitHub用户名,也就是左边方框里面的,一定要一个字不差!!!
  • 由于我已经创建好了,所以这里显示仓库已存在。
  • 如果你不想公开仓库可以勾选“Private”

然后你就可以在主页看到你刚才创建的仓库了

克隆仓库

进入仓库,按以下步骤将仓库克隆到本地

选择一个地方进行仓库的克隆

完成后会在本地生成一个和仓库同名的目录

生成静态网站

进入你博客的文件夹,打开cmd输入 hugo,然后会自动在 public文件夹下生成静态网站

public文件夹下的内容全部复制到刚才的仓库中

提交变更申请

GitHub汉化

打开GitHub应用,添加一个新的存储库,地址是你的刚才的仓库目录

选择添加本地存储库

摘要这里随便写一个,然后点击submit

再点击推送origin,他会自动帮我们把本地仓库改动同步到远程仓库

如图所示,远程的仓库已经自动同步完成

完成

等几分钟之后打开浏览器输入name.github.io,就可以看见你的个人博客了!!

如果没出现可能是网页问题,记得稍等一会。

提示

  1. 每次完成本地的网站之后都要使用hugo命令生成网站,再把public文件夹的内容复制到仓库里去
  2. 上述步骤可以写出bat脚本,可以自己研究一下
Licensed under CC BY-NC-SA 4.0