Homeserver
もっと読む
Hugo(snapパッケージ版)をubuntu24.04にインストール
当記事はchatGPTの回答をベースに多少の修正を加えて作成されました。
自宅サーバのubuntu24.04にspan版のhugoをインストールするまでの手順をメモしました。
いわゆる自分用メモです。
今後また自宅サーバのSSDが故障してシステムが全消失した時用。
目次
| 目次 |
|---|
| インストール環境の確認 |
| snapでHugoをインストール |
| 新規サイト作成 |
| テーマ導入 |
| Hello Worldページ作成 |
| ローカルで確認 |
| 本番ビルド |
| nginxで公開 |
インストール環境の確認
今回インストールする環境は以下の通り。
| OS | Ubuntu Server 24.04.4 LTS |
| CPU | Core i7 7700 |
| Memory | 32GB |
snapでHugoをインストール
以下のsudo snapコマンドでインストール。
インストール後、コマンドが使えるかどうか確認。
sudo snap install hugo
✔ 確認
hugo version
↓こんな感じのメッセージが出てたらOK
hugo v0.161.0-98d396c16a07b51df06e7673d817a3880da6218d+extended linux/amd64 BuildDate=2026-04-28T11:46:32Z VendorInfo=snap:0.161.0
snap版は通常「extended版」が入るため、SCSSなども使えます。
新規サイト作成
以下のコマンドでhugoのサイトが新しく作成されます。
ホームディレクトリ配下で行うことを推奨。
「my-hugo-newsite」はお好きな文字列でどうぞ。
# (ホームディレクトリ配下で実施)
hugo new site my-hugo-newsite
cd my-hugo-newsite
ls
📂 ディレクトリ構成の確認
| my-hugo-newsite/ | |
| ├── archetypes/ | 記事のテンプレート的なものの場所 |
| ├── assets/ | |
| ├── content/ | 記事を書く場所 |
| ├── layouts/ | 自分でテーマに手を加えるときの場所 |
| ├── static/ | 画像・CSSなど |
| ├── themes/ | 配布されているテーマを格納する場所 |
| └── hugo.toml | 設定ファイル |
テーマ導入
Hugoはテーマがないと見た目がほぼ空です。
ここではシンプルなテーマ「Ananke」を使います。