背景:做一个线上的笔记本,基于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对应的目录,来保持线上站点的内容及时更新