Press "Enter" to skip to content

基于hugo搭建个人博客

背景:做一个线上的笔记本,基于md语法,结合hugo,静态编译成个人博客

安装hugo

linux系统下,使用yum安装

yum -y install hugo

安装完成后,可以全局使用hugo命令

hugo version

创建个人网站

hugo new site myblog

进入创建的myblog目录,可以看到生成的目录结构是这样的:

├── archetypes │ └── default.md ├── config.toml ├── content ├── data ├── layouts ├── static └── themes

选择一个主体

创建完网站之后,我们可以在Hugo官方的主体商店选择一个自己喜欢的主题,并下载下来使用

这里以hugo-notepadiem这个主题为例,进入上一步创建的个人网站,并克隆主题到themes文件夹

git clone https://github.com/cntrump/hugo-notepadium.git themes/hugo-notepadium

. ├── archetypes │ └── default.md ├── config.toml ├── content ├── data ├── layouts ├── static └── themes └── hugo-notepadium

修改网站配置

修改站点配置文件config.toml,填写自己的网站信息和使用的主题名称,也可以根据主题说明里示例的配置信息来自定义网站内容

baseURL = "https://example.com" title = "MyBlog" theme = "hugo-notepadium" copyright = "©2020 my name."

创建文章

接下来我们可以开始写文章了,通过:

hugo new posts/helloworld.md

新建一篇文章,在生成的文件中使用markdown格式来书写文章内容

`— title: “Helloworld” date: 2020-04-19T23:56:47+08:00

网站预览

执行server 命令,对所有已发布和编辑中的文章进行预览:

hugo server -D

发布内容

写完文章后,预览没问题后,可以更改文章的草稿状态draft: false,然后编译生成静态网站内容了:

hugo -t hugo-notepadium

可以看到,几乎瞬间完成编译工作,生成的静态内容都在public目录下面:

public ├── 404.html ├── categories ├── css ├── index.html ├── index.xml ├── page ├── posts ├── sitemap.xml └── tags

部署到线上

最简单的部署方式,只需要把public目录下的内容复制到nginx转发的目录,通过nginx来访问,还可以绑定域名,也可以自己写一个shell脚本,做到每次编译完文章后自动同步public目录下的内容到nginx对应的目录,来保持线上站点的内容及时更新