Back
Featured image of post 使用Hugo创建个人博客方式

使用Hugo创建个人博客方式

我将在此介绍是如何使用Hugo开发此站点的

引言

使用美丽的 Ananke 主题创建一个 Hugo 站点。添加超时和断路器等等,所有这些功能都不必更改应用程序本身的代码。

此快速入门macOS在示例中使用。有关如何在其他操作系统上安装 Hugo 的说明,请参阅安装。

建议安装 Git来运行本教程。

对于其他学习 Hugo 的方法,如书本或视频教程,请参阅外部学习资源页面。

Install Hugo

在 macOS、Windows、Linux、OpenBSD、FreeBSD 以及任何可以运行 Go 编译器工具链的机器上安装 Hugo。

  • 适用于 x64、i386 和 ARM 架构的 macOS (Darwin)
  • Windows
  • Linux
  • OpenBSD
  • FreeBSD

Chocolatey (Windows)

如果您在 Windows 机器上并使用Chocolatey进行包管理,则可以使用以下单行安装 Hugo:

$ choco install hugo -confirm

或者,如果您需要“扩展”Sass/SCSS 版本:

$ choco install hugo-extended -confirm

Create a New Site

$ hugo new site quickstart

创建名为quickstart的文件夹


Add a Theme

有关要考虑的主题列表,请参阅themes.gohugo.io。本快速入门使用漂亮的Ananke 主题。

首先,从 GitHub 下载主题并将其添加到您网站的themes目录中:

$ cd quickstart
$ git init
$ git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke

然后,将主题添加到站点配置中:

$ echo theme = \"ananke\" >> config.toml

Add Some Content

您可以手动创建内容文件(例如 as content//.)并在其中提供元数据,但是您可以使用该new命令为您做一些事情(例如添加标题和日期):

$ hugo new posts/my-first-post.md

如果需要,编辑新创建的内容文件,它将以如下内容开头:

---
title: "My First Post"
date: 2019-03-26T08:47:11+01:00
draft: true
---

Start the Hugo server

$ hugo server -D

Customize the Theme

您的新网站看起来不错,但在向公众发布之前,您需要对其进行一些调整。

config.toml在文本编辑器中打开:

baseURL = "https://example.org/"
languageCode = "en-us"
title = "My New Hugo Site"
theme = "ananke"

用title更个性化的东西替换上面的内容。此外,如果您已经准备好域,请将baseURL. 请注意,运行本地开发服务器时不需要此值。

提示:在 Hugo 服务器运行时对站点配置或站点中的任何其他文件进行更改,您将立即在浏览器中看到更改,但您可能需要清除缓存。

有关特定于主题的配置选项,请参阅主题站点。

原文

Image Share

Photo by Florian Klauer on Unsplash Photo by Luca Bravo on Unsplash

相册语法来自 Typlog

Licensed under CC BY-NC-SA 4.0
comments powered by Disqus
Built with Hugo
Theme Stack designed by Jimmy