ブログを作ったので記念に

ChatGPTに聞きつつ進めたのだが、それでも苦労するところがあったのでメモとして。 WSL上で構築している。

以下の記事は大変参考にさせていただいた。 Hugo+Stackテーマの導入メモ

Hugoのインストールとセットアップ

以下の方法でインストールしたのだが、build日が2023年で最新っぽくなかったため、インストールしなおし。

1
2

sudo apt install hugo
hugo version

Hugoを一度消す

1

sudo apt remove hugo

Hugoのリポジトリから最新バージョンを指定してインストールして解凍。

テーマは後から決めるかもしれないが、このサイトのようにStackを選ぶならextendedと書かれたバージョンをインストールすること。

1
2

wget https://github.com/gohugoio/hugo/releases/download/v0.145.0/hugo_extended_0.145.0_Linux-64bit.tar.gz
tar -xvzf hugo_extended_0.145.0_Linux-64bit.tar.gz

Hugoをシステムに配置する。 これでどこからでもHugoコマンドが打てるようになる。

1

sudo mv hugo /usr/local/bin/

バージョン確認

1

hugo version

インストールしたバージョンが表示されたら成功、ヨシ！

Hugoサイトの作成

サイトの作成

1
2

hugo new site for-blog
cd for-blog

テーマを適用する（公式のテーマ一覧）

1
2

git init
git submodule add https://github.com/CaiJimmy/hugo-theme-stack.git themes/hugo-theme-stack

記事作成

1

hugo new content/posts/first-post.md

content/posts/first-post.md を編集する

1

hugo server -D

localhost:1313にアクセスして動作確認

hugo.yamlを調整

以下の記事を参考に、外国語対応などの設定を外して調整

参考:

• 非エンジニアの初心者がHugo(テーマStack)+GitHub Pagesでブログを開設するまで
• yamamoto-yuta.github.io

出来たもの

• hugo.yaml

日本語フォント対応

• Hugo+Stackテーマの導入メモ

あとはGithubにプッシュして、Pages等の設定を行って公開する。 手順残してなかったので、またもう一回作る時があれば追記する…。