GitHub+Hugoテンプレート+Cloudflare Pagesでブログを作る方法

嬉しいこと

必要経費はドメイン代のみ

　約1,000円/年

GUI操作のみで可

手順

2.お名前.comでドメイン取得

普通にドメインを作成・購入する。レンタルサーバーは不要。ドメインのみ。

3.Cloudflareでドメイン登録

Cloudflareで「追加」→「ドメインを接続する」→Freeプラン選択→表示された２つのネームサーバー名を控えておく

4.お名前.comでネームサーバ変更

お名前.comで作成したドメインのネームサーバー設定で、「他のネームサーバーを利用」を選択して、先ほど控えた２つのネームサーバー名を入力して保存。保存後、Cloudflare側の対象ドメイン画面が**有効（Active）**になるのを待つ。

5.GitHubで雛形からHugoブログを作る

下記のURLにアクセスし、右上の Use this template → Create a new repository。リポジトリ名は自由（例 family-blog）。公開/非公開はお好みでOK

https://github.com/CaiJimmy/hugo-theme-stack-starter

上記テンプレートは当ブログと同様"Stack"である。ほかのテンプレートを利用したい方はぐぐってちょんまげ。

新しく作ったリポジトリ内のファイルを変更すると、ブログとして反映される。ここは設定が終わったのちにどんどん作り込めばOK。

6.Cloudflare Pagesに“Git連携で”公開（GUI）

Cloudflareダッシュボード → Workers & Pages → Pages → Create application → Connect to Git → さきほどのGitHubリポジトリを選択。

Framework は Hugo、Build command は hugo -b $CF_PAGES_URL、Output directory は public、環境変数 HUGO_VERSION を適当な安定版（例 0.128.0）に設定 → Save/Deploy。

これで https://.pages.dev が発行される（表示できればOK）。

独自ドメインを割当：Pagesの対象プロジェクト → Custom domains →　ドメイン追加

7.FortiGuardでブロックを解除

https://fortiguard.fortinet.com/にアクセスし、取得したドメインを検索して、分類を確認。新規登録したドメインとなってるはずなので、これを Personal Website and Blogとかに変更する申請を出しておく。一日弱で申請が通る。通るまでは大学のWifiなどでブロックされている。申請が通ればGoogleアドセンスもつけられるらしい。

8.ブログの日本語化 & CJK

githubで作成したリポジトリのconfig/_default/config.tomlファイルの下記パラメータを変更

1
2
3
4
5
6
7
8
9


#中略
languageCode = "ja-jp"

defaultContentLanguage = "ja"#（Stack は ja をサポート）

hasCJKLanguage = true#（日本語のサマリーや文字数計数が正しくなります） 


baseurl = "取得したドメイン"#または"https://<project>.pages.dev" 