使用Hugo搭建个人博客

Hugo是由Go语言实现的静态网站生成器。简单、易用、高效、易扩展、快速部署。

安装Hugo

二进制安装(推荐)

到Hugo Releases下载对应的操作系统版本的Hugo二进制文件。(通过uname -a命令可以查看操作系统版本)。

将下载的二进制文件解压至 /usr/local/hugo 目录下，并赋予hugo文件执行的权限(chmod +x /usr/local/hugo/hugo);

配置环境变量，可以通过 hugo version 查看hugo版本，通过 hugo -h 查看帮助

源码编译安装

源码编译安装比较复杂，不详细描述。需要有以下依赖：

1.GIT
2.Go 1.3+ 环境
3.梯子(下载三方库需要，或者使用 go_proxy代替)。

生成站点

使用Hugo快速生成站点，比如希望生成到/path/to/site路径：

$ hugo new site /path/to/site

这样就在/path/to/site目录下生成了初始站点，站点目录结构如下：

▸ archetypes/
▸ content/
▸ layouts/
▸ static/
▸ data/
▸ themes/
  config.toml

创建文章

创建一个about页面：

$ hugo new about.md

about.md 自动生成到content/目录下，打开内容如下：

---
title: "About"
date: 2019-12-04T23:42:15+08:00
draft: true
---

内容是 Markdown 格式的，— 之间的内容是 YAML 格式的，根据你的喜好，你可以换成 TOML 格式（使用 +++ 标记）或者 JSON 格式。

draft: true 表示草稿的意思，在最终发布时不会发布。

创建第一篇文章，放到 post 目录，方便之后生成聚合页面。

$ hugo new post/cd.md

打开并编辑 post/cd.md ：

---
title: "Linux命令:cd"
date: 2019-11-30T21:51:18+08:00
categories: ["linux"]
weight: 70
keywords: ["linux","cd"]
description: "linux命令：cd"
tags: ["linux"]
author: "liumurong"
---
cd 命令用于更改当前工作目录。用户必须具有指定目录中的执行（搜索）权限。

安装主题

到主题列表挑选一个心仪的主题，比如我觉得 LoveIt 主题不错，找到相关的 GitHub 地址，在 themes 目录里把主题 git clone 下来：

$ cd themes
$ git clone https://github.com/dillonzq/LoveIt.git

主题的详细配置可以参照主题的具体要求来进行。

生成静态站点

在你的站点根目录执行 hugo 命令生成静态站点，生成的静态文件会在public目录里：

$ hugo

如果配置文件config.toml没有配置theme和baseUrl参数，记得执行命令的时候配置哦。

配置Nginx

server {
    listen       80;
    server_name  liumurong.org;

    location / {
        root /path/to/site/public;
        index index.html index.htm;
    }
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }
}

大功告成，可以在浏览器里查看我们的博客了。

博客效果