使用hugo框架创建个人博客

一、配置环境

https://github.com/gohugoio/hugo/releases

pPCEkrT.png

下载window版本的hugo(如果该版本不属于你的window操作系统则下载最下面一行的hugo_extended_0.116.0_windows-amd64.zip这一个资源文件)

pPCEUJA.png

配置系统环境,可以在电脑所有文件夹使用hugo.exe

pPCE6oQ.png

通过输入命令让hugo框架快速建立博客

1
 hugo new site mysite

pPCepPH.png

mysite文件夹内部结构(当前文件夹仍然是空白博客,只是有了一个框架):

–themes 博客风格

–content 博客全部文章

–static 博客静态文件(比如博客ico文件)

–layouts 博客风格文件

–hugo.toml 博客配置文件(刚创建时候没什么用)

文件并不是全部都有用,主要看博客主题的撰写者是否在用,但是content,themes,static肯定有用,小白后面可以仔细研究一下。

pPCeZdS.png

二、主题选择

接下来找到自己喜欢的主题文件下载

https://themes.gohugo.io/

对小白有一个选主题文件的建议。观察主题文件是否有例子网站。如下图

pPCejln.png

有这个文件在里面,配置这个的博客会简单不少

pPCmV61.png

将所有的examplesite的文件往你的博客文件夹复制,并用config.yaml文件代替hugo.toml文件,因为这两个配置文件会冲突。

接下来将整个主题文件夹搬运到我们博客目录的themes文件夹中

然后用一个编辑器打开config.yaml文件查看各个配置是否正确,主要是看主题名字是否符合。

有些主题名字从GitHub下面下载下来的名字和配置里面的不一样。

我们需要将主题名字和我们themes文件夹里面的想用的主题名字配置一样。

pPCmtnP.png

然后在博客文件夹打开cmd终端输入hugo server

如果出现下列localhost:1313,即为在本地正确配置博客

pPCmDpj.png

这只是小白在本地配置hugo博客的一部分,还没有上传到代码托管平台。

不知道还会不会出续集,已知道的代码托管平台有github、gitee等

gitee需要实名认证,github需要翻墙部署。

推荐其他部署文章

https://zhuanlan.zhihu.com/p/105021100