Koki's personal blog

Koki's personal blog

Another fine, responsive site template by HTML5 UP.

実行環境のOSに依存しないHugoで作成したサイトのビルドとデプロイを一括で行うスクリプトを開発した話

この記事では、開発したHugoで作成したサイトのビルドとデプロイを一括で行うスクリプトを紹介します。

Koki

2 分で読めます

この記事では、開発したHugoで作成したサイトのビルドとデプロイを一括で行うスクリプトを紹介します。
過去にも似たような記事を書いていますが、今回は実行環境のOSに依存しないものにしています。

この記事の内容です。

対象読者

  • Hugoで作成したサイトのビルドおよびデプロイをいちいちコマンドを打って行いたくない方

環境

  • WSL2 (Ubuntu 22.04)
  • Node.js (v18.1.0)

前提条件

  • Node.jsインストール済み

開発したスクリプトについて

いちいちコマンドを順番に打ってビルドやデプロイを行いたくなかったため、以下のスクリプトを開発しました。
よければ自由にお使いください + カスタマイズしてください。
使用方法は、本スクリプトをHugoプロジェクトのルートディレクトリへ配置し、

node deploy.js

を実行するだけです。
事前準備として、publicディレクトリをGitHub Pagesのリポジトリを紐づけておく必要があります。

本スクリプトの内容です。
行っていることはシンプルで、以下のことを行っているだけです。

  1. Hugoサイトをビルド
  2. 最新情報に更新されたpublicディレクトリへ移動し、git add、commit、pushを順に実行
    (コミットメッセージは年月日)

ブログがGitHub Pagesでホストされていると、そもそもスクリプトが不要な話

ブログがGitHub Pagesでホストされている場合、そもそも、こういったスクリプトを作成しなくてもGitHub Actionsを使用したら同様のことを行えそうでした。
どういった設定を行えばよいのかは以下の公式サイトにすべて記載されているので、そちらを参照ください。

Host on GitHub
Deploy Hugo as a GitHub Pages project or personal/organizational site and automate the whole process with Github Action Workflow
gohugo.io
No Image

最近の投稿

カテゴリー