【完全版】GitHub ActionsでHugoを自動デプロイする仕組みを理解する

🚀 はじめに:この記事で学べること 本記事では、Hugo + GitHub Pages でブログを運用している初心者の方向けに、 GitHub Actions を使って自動デプロイする仕組みを、できるだけ分かりやすく解説します。 GitHub Actions が何をしているのか Hugo のビルドがどのように自動化されるのか gh-pages ブランチへ自動デプロイされる仕組み 実際に使えるワークフローのテンプレート 補足 「自動デプロイ」は、記事を更新するたびに手動で hugo → git push → gh-pages へ反映…という作業をなくすための仕組みです。 🧱 Step 1:GitHub Actions の基本を理解する GitHub Actions は、GitHub が提供する 自動実行の仕組み(CI/CD) です。 🔧 何が自動化されるのか? Hugo のインストール サイトのビルド(hugo コマンド) public/ の生成 gh-pages ブランチへのデプロイ これらを YAMLファイル(ワークフロー) に書いておくことで、GitHub が自動で実行してくれます。 📁 Step 2:ワークフローの配置場所を知る GitHub Actions の設定ファイルは、リポジトリ内の以下に置きます。 .github/workflows/deploy.yml 注意 ディレクトリ名 .github/workflows/ を間違えると、GitHub Actions が認識しません。 ⚙️ Step 3:Hugo 自動デプロイ用ワークフローの例 以下は、Hugo サイトを GitHub Pages に自動デプロイする最小構成の例です。 ...