如何使用Hugo创建博客

• 介绍
• 先决条件
• 步骤1：安装Hugo程式
• 步骤2：建立您的网站
• 步骤3：从Hugo储存库安装主题
• 步骤4：进行一些基本配置更改
• 步骤5：撰写内容
• 第6步：使用Hugo服务器调整内容
• 步骤7：发布您的网站

介绍

Hugo是静态站点生成器，具有闪电般的快速渲染速度和出色的易用性。由于其所有面向内容的功能，您始终可以专注于创建内容而不是构建环境：

• 使用Hugo，您可以在几分钟内构建一个可以在任何地方运行的静态站点，而不必担心乏味的依赖关系或数据库。
• 您可以使用最方便的写作方式Markdown来编写内容，并立即查看您在网络上所做的更改。
• 此外，您可以充分利用Hugo丰富的主题资料库和快速发展的社区。

在本教程中，我将向您展示如何在基于CentOS的Vultr LEMP服务器实例上安装和使用Hugo构建静态博客网站。

先决条件

以具有sudo权限的非root用户身份登录到您的实例。在本文中了解如何创建这样的用户。

步骤1：安装Hugo程式

雨果几乎可以安装在所有主流平台上。对于CentOS，您只需要下载.tar.gz存档中的最新程序文件并将其解压缩到方便的位置。在撰写本文时，最新版本是0.15。

sudo yum update -y
sudo yum install git -y
cd ~
wget https://github.com/spf13/hugo/releases/download/v0.15/hugo_0.15_linux_amd64.tar.gz
tar -zxvf hugo_0.15_linux_amd64.tar.gz
sudo mv hugo_0.15_linux_amd64/hugo_0.15_linux_amd64 /usr/local/bin/hugo

使用以下命令测试安装：

 hugo version

步骤2：建立您的网站

使用Hugo，您可以从服务器上的任何文件夹中构建站点。在这里，我在主目录mysite/下的目录中构建了一个站点。

cd ~
hugo new site ~/mysite

运行以下命令以查看站点的体系结构：

cd mysite
ls -lF

如您所见，该站点的当前架构类似于：

原型/

config.toml

内容/

数据/

布局/

静态的/

还有另外两个要创建的目录themes/和public/，Hugo站点的整个体系结构紧凑而全面。

首先，要知道您的内容应存储在directory中content/。

步骤3：从Hugo储存库安装主题

要从Hugo存储库安装所有主题，请运行以下命令。这些将themes/在您的站点目录中创建一个目录，并从Hugo主题存储库下载所有主题。

cd ~/mysite/
git clone --depth 1 --recursive https://github.com/spf13/hugoThemes.git themes

如果您只想安装一个主题，请访问Hugo主题仓库以确定您喜欢的主题。复制其URL并将其粘贴到git clone下面的命令中。

cd ~/mysite/
mkdir themes
cd themes
git clone https://github.com/jaden/twentyfourteen

步骤4：进行一些基本配置更改

config.toml您网站目录中命名的文件包含您的Hugo网站的全局配置。使用文本编辑器编辑文件，以进行一些基本配置更改，如下所示。切记根据您的特定条件替换这些值。

baseurl = "http://[YourSiteIP]/"
languageCode = "en-us"
title = "Your Site Name"
theme = "twentyfourteen"

步骤5：撰写内容

在您的站点目录中，输入以下命令以在目录中创建内容页面~/mysite/content/post/。

cd ~/mysite/
hugo new post/about.md

在文本编辑器中打开文件，文件格式应类似于以下格式。

+++
date = "2015-12-25T03:21:23Z"
draft = true
title = "about"

+++

在两行之间是+++有关您的内容页面的元信息。在这里，您可以删除行draft = true并根据需要修改标题行。

在第二+++行下，添加要在网页上显示的内容。请记住以Markdown语言编写内容。

## This is an H2 headline

Text goes here.

完成此编辑后，请保持文本编辑器处于打开状态以备后用。

第6步：使用Hugo服务器调整内容

您可以使用Hugo的内置Web服务器来部署您的网站，该网站可以在您在文本编辑器中修改内容后立即在网页上立即显示您的更改。

打开另一个终端，配置iptables规则以允许您访问Hugo服务器默认端口1313上的站点：

sudo iptables -I INPUT -p tcp --dport 1313 -j ACCEPT

启动Hugo服务器：

hugo server --bind="[YourServerIP]"

通过浏览器访问您的网站：

http://[YourServerIP]:1313

现在，您可以尝试在上一个终端中编辑页面文件的内容，或者添加/删除页面文件。您会发现content/目录中的任何修改将同时显示在浏览器屏幕上。对于繁忙的博客作者来说，这是一个很棒的功能，因为您始终可以立即看到所做的修改，以获得更好的撰写体验。

完成编辑后，请按Ctrl+C停止Hugo服务器。

步骤7：发布您的网站

现在是时候在网上发布您的网站了。运行以下命令，Hugo将生成所有适合在public/目录中发布的静态内���。

cd ~/mysite
hugo

注意：Hugo不会删除运行上述命令时先前生成的旧文件。为了避免意外的结果，您始终可以public/在运行hugo命令之前删除目录，或指定新的输出目标，如以下命令所示。

hugo --destination=public2

由于Nginx Web服务器已经在服务器上运行，因此您要做的就是将~/mysite/public/目录或其他自定义目标目录的内容复制到Web目录中/usr/share/nginx/html/。

删除原始文件：

cd /usr/share/nginx/html/
sudo rm -rf background.jpg index.php logo.png

将您的静态站点文件复制到Web目录：

cd ~/mysite/public
sudo cp -R ~/mysite/public/. /usr/share/nginx/html/

而已。现在，您可以从浏览器访问您的超快速静态站点：http://[YourServerIP]。

要查看更多详细信息，请使用命令hugo help或访问Hugo官方网站。