Hugoの概要

Hugoとは

What is Hugoには、以下のように紹介されています。

Hugo is a general-purpose website framework. Technically speaking, Hugo is a static site generator. Unlike systems that dynamically build a page with each visitor request, Hugo builds pages when you create or update your content. Since websites are viewed far more often than they are edited, Hugo is designed to provide an optimal viewing experience for your website’s end users and an ideal writing experience for website authors.

Webページにアクセスがあるたびにページを動的に生成するシステムではなく、事前に静的なHTMLを生成しておくシステムです。

Hugoでは、Webページのデザインとコンテンツを分けて監理します。一度デザインを作成すれば、後は、コンテンツの作成に専念することができます。テンプレートは、html/templateとtext/templateを利用します。コンテンツは、MarkdownAsciiDocで記述します。HTMLでも記述できます。

デザインを定義するテンプレートと、Markdownなどで記述したコンテンツをHugoがHTMLファイルに変換します。

graph LR; template[テンプレート] contents[コンテンツ] hugo((Hugo)) html[HTMLファイル] template-->hugo contents-->hugo hugo-->html classDef data fill:#ffffff, stroke:#000000, font-size:small; class template,contents,html,hugo data;

環境

私は、Windows 10に、Windows Subsystem for Linuxをインストールし、Ubuntu 20.04上で動かしています。このページの説明も、この環境で試した結果です。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
$ cat /etc/os-release
NAME="Ubuntu"
VERSION="20.04.2 LTS (Focal Fossa)"
ID=ubuntu
ID_LIKE=debian
PRETTY_NAME="Ubuntu 20.04.2 LTS"
VERSION_ID="20.04"
HOME_URL="https://www.ubuntu.com/"
SUPPORT_URL="https://help.ubuntu.com/"
BUG_REPORT_URL="https://bugs.launchpad.net/ubuntu/"
PRIVACY_POLICY_URL="https://www.ubuntu.com/legal/terms-and-policies/privacy-policy"
VERSION_CODENAME=focal
UBUNTU_CODENAME=focal

ただし、基本的にはGo言語なので、環境にはあまり依存しないと思います。

メニュー

インストール
Hugoのインストール方法を紹介します。
簡単な使い方
Hugoの簡単な使い方を紹介します。
設定
Hugoをの設定方法を紹介します。
inserted by FC2 system