从0到1打造Hugo博客

本篇博文主要记录本 Hugo 博客从 0 到 1 的简要步骤，但其适用于其他大多数 hugo 博客的搭建流程，仅仅区别于主题的不同。

具体流程

准备Hugo文件

下载 hugo 文件（extended 扩展版）并解压到自定义文件夹（例：我存放的目录为D:\Hugo\bin）

配置环境变量

在 我的电脑 --> 属性 --> 高级系统设置 --> 环境变量 --> 系统变量 --> Path 中增加一条D:\Hugo\bin，即解压后的 hugo.exe 文件存放的目录。

D:\Hugo\bin 修改为自己对应文件位置路径

检查版本

打开 cmd 终端执行以下命令查看是否安装成功（是否输出 Hugo 版本信息）

1

hugo version

生成博客

打开命令窗口，进入D:\Hugo\Sites文件夹（生成站点的文件夹，自定义），输入命令

1

hugo new site myblog

命令执行完成之后在D:\Hugo\Sites\myblog文件夹下会自动生成博客需要的文件

安装主题

hugo 主题网站

本篇博客使用的 meme 主题，作者：reuixiy

hugo-theme-meme

MemE 是一个强大且可高度定制的 GoHugo 博客主题，专为个人博客设计。MemE 主题专注于优雅、简约、现代，以及代码的正确性。同时，希望你将像欣赏一个模因一样欣赏 MemE，希望你将像分享一个模因一样分享 MemE，就像你的博客和文章所做的那样😝！

HTML

执行以下命令完成 meme 主题的安装。

1
2
3


cd myblog
git init
git submodule add --depth 1 https://github.com/reuixiy/hugo-theme-meme.git themes/meme

开始写作

将 config.toml 替换为示例配置。

1

rm config.toml && cp themes/meme/config-examples/zh-cn/config.toml config.toml

新建一篇文章和一个关于页面：

1

hugo new "posts/hello-world.md"

1

hugo new "about/_index.md"

本地预览

1

hugo server -t meme --buildDrafts

1

hugo server -D

准备个人 GitHub 账号

创建个人 GitHub 账号与仓库（命名：账号名.github.io）

部署到 GitHub

1

hugo --theme=meme --baseUrl="https://ztygcs.github.io/" --buildDrafts

在当前myblog文件夹下会生成 public 文件夹

接着将 public 文件夹上传至 GitHub 仓库

1
2
3
4
5
6


cd public
git init
git add .
git commit -m 'model：博客第一次提交'
git remote add origin https://github.com/ztygcs/ztygcs.github.io.git
git push -u origin master

在线访问网站

访问网址：ztygcs.github.io

从0到1打造Hugo博客

具体流程

相关文章：