Hugo简介

Hugo是一种用Go语言编写的快速,现代化的静态网站生成器,旨在让网站创建再次变得有趣。

Hugo是一个通用的网站框架。从技术上讲,Hugo是静态站点生成器。与根据每个访问者请求动态构建页面的系统不同,Hugo在创建或更新内容时会构建页面。由于浏览网站的频率远高于编辑网站,因此Hugo旨在为您的网站的最终用户提供最佳的观看体验,并为网站作者提供理想的写作体验。

使用Hugo构建的网站非常快速和安全。 Hugo网站可以托管在任何地方,只要支持静态页面即可,并可以与CDN很好地协作。 Hugo网站的运行无需数据库,也无需依赖昂贵的运行时(如Ruby,Python或PHP)。

我们认为Hugo是理想的网站创建工具,几乎可以立即构建,并且可以在进行更改时立即进行重建。

安装

直接去https://github.com/gohugoio/hugo下载最新发布版本的可执行文件即可。

注意:下载带Extended后缀版本的文件

把文件解压复制到你的PATH路径下即可。

1
hugo version

用以上命令查看安装是否完成

创建新站点

1
hugo new site mywebsite

将在当前目录下创建一个名为mywebsite的新站点

添加主题

去官方主题站https://themes.gohugo.io/下载喜欢的站点,把下载的主题解压复制到站点目录下的themes下面。

比如,你下载的主题目录是ananke,则你的路径关系应该是mywebsite/themes/ananke

参考主题目录下的config.toml文件,修改站点路径下的config.toml,即mywebsite/config.toml。你可以直接复制主题目录下提供的参考config.toml到站点目录下。

然后修改config.toml的theme参数即可

1
theme = "ananke"

添加内容

在站点目录下使用终端,然后使用以下命令创建一个新页面或文章

1
hogo new posts/my-first-post.md

命令字new后面的内容根据实际情况修改

自动创建的md文档格式如下:

1
2
3
4
5
---
title: "My First Post"
date: 2019-03-26T08:47:11+01:00
draft: true
---

本地测试

使用下面命令会在本地开启一个新的web server,具体地址查看实际输出内容,根据实际提供的地址即可访问

1
hugo server -D

注意:-D的意思是把draft: true(草稿的含义)的文档也生成为页面

配置修改

站点的配置文件是config.toml,根据实际的主题要求修改即可

部署发布

生成最后的静态页面,使用一个命令即可

1
hugo

会在站点路径下生成一个public的目录,把下面的内容复制到静态服务器即可