流れ

Hugoでサイトを作る
テーマをインストールする
一回サーバー建てて確認
Gitリポジトリにプッシュ
Netlifyに登録する
Previewを確認
ドメインを設定
DNSを設定
完成

Hugoでサイトを作る

index 1
HugoとNetlifyで、簡単に自分のブログを公開してみよう!|株式会社しずおかオンライン

Hugoのフォルダ構造

Hugo’s Directory Structure Explained

PaperMod

Installation · adityatelange/hugo-PaperMod Wiki
この通りにやればindex.mdは表示できるのだが、それ以外のmdファイルのリスト表示ができない。

表示するにはconfig.ymlをいじる必要がある。
FAQs · adityatelange/hugo-PaperMod Wiki

デフォルトだと一番上に最近更新されたページが出てくる。
変えたいならHome-Info Modeに。
Features · adityatelange/hugo-PaperMod Wiki

テーマをインストールする

一回サーバー建てて確認

Gitリポジトリにプッシュ

Netlifyに登録する

Host on Netlify | Hugo

Previewを確認

ドメインを設定

freenomで無料ドメインを取得する|ふじい|note
freenom使用。簡単に取れるが、なぜか取得時に.tkなどTLDまで打たないと取れない。

今もそうかは知らないが、.tkは連続90日で25回の訪問がなかったサイトを自動的に使用停止する。 また、使用停止したドメインは広告ページに置き換わり、再取得には料金が必要になる。他のTLD使ったほうがよさそう。
.tk - Wikipedia

DNSを設定

ドメインのDNSと、NetlifyのDNSの二種類がある。
NetlifyのDNSのほうが高機能なのでそちらを使う。
Netlifyで独自ドメインを設定する

やりかたはカスタムDNSを選んでNetlify側から提示されるDNSサーバーを入力するだけ。

EX テーマファイルいじり

テーマ Pagermod のカスタマイズ · k-kaz