Hugo 快速搭静态网站

一、简介

Hugo 是Go语言实现的一款静态网站生成器。它简单、易用、高效、易扩展、快速部署。相比较其他静态网站生成器，它的优点有这几点：

• 项目构建特别快
• 主题目录与站点目录结构一样
• 配置文件为*.toml 格式，语法常简单易懂，没有缩进的要求

二、快速搭建

2.1 安装 Hugo

下载地址：https://github.com/gohugoio/hugo/releases

根据自己的操作系统下载不同的版本。并将 hugo 添加到环境变量。

2.2 生成站点

执行下面这些命令就可以创建自己的站点了。

cd d:/myWebSite  #切换目录
hugo new site website-demo #创建站点

站点目录结构如下:

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

2.3本地运行

2.3.1 创建文章

1.创建一个 aboutme.md 文件，命令行执行

hugo new aboutme.md

项目根目录 content 文件夹下会生成 aboutme.md文件，用文本编辑打开文件，编辑保存即可。内容如下：

---
title: "Aboutme"
date: 2020-03-28T23:36:36+08:00
draft: true
---
大家好，我叫不安分的猿人！

2.创建一篇 firstArticle.md,执行下面命令会在项目根目录post 文件夹下生成 firstArticle.md文件。

hugo new post/firstArticle.md

2.3.2 添加主题

执行下面命令，就可以下载主题到本地，运行项目就可以查看自己的静态网站了。

cd themes
git clone https://github.com/spf13/hyde.git

2.3.3 运行项目

执行如下命令，就可以本地运行站点了。

hugo server --theme=hyde --buildDrafts

效果如下图：

是不是超级简单，3分钟就可以构建自己的站点。有的伙伴可能会问这样的网站也太low了，谁会用？其实上面将的这些内容只是让搭建感受一下最原始的方式搭建自己的站点，接下来就讲讲高阶一些的方法。

三、切换主题

官方网站有很多主题，任由我们选择。官方网站地址：https://themes.gohugo.io/

也可以直接在Github下载主题，地址：https://github.com/gohugoio/hugoThemes

主题大体可以分为三类：

• 个人网站/博客：https://themes.gohugo.io/hugo-theme-dream/
• 商业网站：https://themes.gohugo.io/resto-hugo/
• 在线简历：https://themes.gohugo.io/theme/hugo-devresume-theme/

快速体验

1. 使用 git clone url 下载相应的题，注意最好将主题下载到 themes 目录。
2. 找到主题下的 exampleSite 目录，拷贝目录下的