如何用 hugo 搭建个人博客

第一步:安装Hugo

1.浏览 Hugo 官方的安装指南。

进行初步了解,安装与你的操作系统对应的必要工具。

Hugo 安装指南:https://gohugo.io/getting-started/installing/

2.打开你的终端,输入与操作系统对应的 Hugo 安装命令。

3.安装完成后,输入以下命令来确认

hugo version
安装成功后会跳出以下代码
Hugo Static Site Generator v0.56.3-F637A1EA windows/amd64 BuildDate: 2019-07-31T12:51:49Z

第二步:新建一个Hugo网站

1.进入你想存放 Hugo 网站文件夹的目录。

2.执行以下命令来新建一个Hugo网站

hugo new site '你的博客名' 

第三步:选择 Hugo 主题并克隆至本地目录。

1.打开 Hugo Themes 页面,选择一个你喜欢的主题。

Hugo Themes: https://themes.gohugo.io

下文以选择 ananke主题为例。

cd '你的博客名'            ---进入你的博客目录
git init                  ---初始化本地仓库
git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke  ---将ananke主题克隆到本地

第四步:编辑配置文件

  1. 在 Hugo 网站文件夹的根目录下,使用 Visual Studio Code 打开 config.toml 文件。

    如果你还没用过 Visual Studio Code,建议下载安装一下,是一个很好用的开源文本编辑器,同时支持 Windows、Linux 和 macOS 操作系统。

  2. 参考所选 Hugo 主题的配置说明,编辑 config.toml 文件。

    注意theme 配置项指的是所选主题的名称,必须与所选主题被克隆至的目录名相同。在本例中,即 theme = "ananke"

第五步:新建一篇文章

hugo new posts/文章名.md

编辑新建的文章,添加内容并保存。

第六步:本地预览网站效果。

  1. 启动 Hugo server。
hugo server -d

2.使用浏览器打开 http://localhost:1313 预览。

第七步:构建hugo网站

在 Hugo 网站文件夹的根目录下,执行 hugo 命令来构建。

hugo  ---构建你的 Hugo 网站,默认将静态站点保存到 "public" 目录。

注意:Hugo 会将构建的网站内容默认保存至网站根目录的 public/文件夹中。

第八步:将网站文件夹转换为 Git 库。

1.进入public目录,初始化 Git 库。

cd public    ---生成的 HTML 文件保存在 "public" 目录中,"public" 文件夹会被转换为 Git 库。
git init  ---初始化git仓库

2.查看public目录下的文件,会发现多了 .git 文件。

第九步:将 Git 本地库与远程仓库关联。

1.在github上创建第一个新的仓库

2.运行以下代码来进行关联

git remote add origin '你的远程仓库名'   ---注意是在public目录中运行
git add .   ---将改动添加到暂存区
git commit -m '备注'   ---将改动提交
git push -u origin master   ---上传到远程仓库

第十步:通过 GitHub Pages 预览 HTML

git push完之后再github中点击setting来设置在预览你的hugo博客
(

点击setting设置

)

进入之后找到 Github Pages 然后将SourceNone设置成master branch,之后会生成一个网址,就是你的HTML预览的网站了

将none修改成master branch

这是你hugo博客的网站

接下来:之后如何添加一篇博客

之后如果要添加一篇博客,使用如下几步即可:

新建一篇文章,编辑内容。
1.本地预览网站呈现效果。
2.构建 Hugo 网站。
3.提交修改至 Git 本地库。
4.将修改推至远程库。

恭喜!现在你已经走完了全程,拥有了一个自己构建的博客网站。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,657评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,662评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,143评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,732评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,837评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,036评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,126评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,868评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,315评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,641评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,773评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,470评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,126评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,859评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,095评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,584评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,676评论 2 351

推荐阅读更多精彩内容