静的サイトのデプロイメント

このブログ投稿では、GitHub Actionsを使用して、Hugo静的サイトをGitHub Pagesにデプロイする方法について説明します。GitHub Actionsは、GitHubが提供する自動化機能で、GitHubリポジトリ内でカスタムソフトウェア開発ワークフローを直接作成できます。GitHub Actionsを使用することで、Hugo静的サイトをGitHub Pagesにビルドしてデプロイするプロセスを簡単に自動化できます。 GitHub Pages設定の構成 GitHub Actionsを使用して、Hugo静的サイトをGitHub Pagesに正常にデプロイするには、プロジェクトのGitHub Pages設定を構成する必要があります。 GitHubプロジェクトページに移動し、右上隅の「Settings」タブをクリックします。 「Pages」セクションにスクロールします。 「Build and deployment」設定で、「Source」ドロップダウンメニューを見つけます。 利用可能なオプションから「GitHub Actions」を選択します。これにより、GitHub PagesがGitHub Actionsで生成されたアーティファクトを使用してデプロイするようになります。 GitHub Pagesの設定を構成したので、hugo.yamlファイルで定義されたワークフローを使用してサイトをデプロイできるようになりました。 GitHub Pagesワークフローの設定 HugoとGitHub Actionsを使用したGitHub Pagesワークフローを設定するには、次の手順を実行します。 Hugoサイトのリポジトリの.github/workflows/ディレクトリにhugo.yamlという名前の新しいファイルを作成します。 次のYAML構成をhugo.yamlファイルにコピーします： name: Deploy Hugo site to Pages on: # Runs on pushes targeting the default branch push: branches: - main # Allows you to run this workflow manually from the Actions tab workflow_dispatch: # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages permissions: contents: read pages: write id-token: write # Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued....