bellshun/Hugoでサイトを作成してみた

Created Sun, 26 Jun 2022 13:43:48 +0900 Modified Sun, 26 Jun 2022 13:43:48 +0900
592 Words
動作環境あり Hugo GitHub Actions

作成時期

2022年7月

背景

これまで、個人ブログの中で趣味で作成したものも投稿をしていました。
今後軽い内容のブログの投稿を増やそうと思うにあたり、ものづくりをしたものは別で管理したほうがよいと考え、本サイトを作成しました。

作成物

本サイトです。

実現方法

ブログ同様、Hugoを利用しました。
一方これまではコンテナ内にHugo環境を作成していたことから、ブログ投稿するたびにコンテナを立ち上げるなどの手間がありました。
そこでローカル環境に用意し、GitHub Actionsを利用して、デプロイを自動化しました。

環境

導入

Hugo

Hugoインストール
WSL内のUbuntuを利用しているため、上記ページのDebian and Ubuntuを参照。
最新のバージョンを取得するために、公式のLatestバージョンのdebパッケージをダウンロードしてインストールしました。

$ wget https://github.com/gohugoio/hugo/releases/download/v0.101.0/hugo_0.101.0_Linux-64bit.deb
$ sudo apt install ./hugo_0.101.0_Linux-64bit.deb

GitHub Actions

こちらにすでにHugo用のGitHub Actionsが用意されていたので、記載の通りに設定しました。
行ったことは以下のみです。

  • プロジェクト直下に.github/workflows/gh-pages.ymlを作成
  • mainブランチが対象だったので、masterブランチをmainブランチに名称変更
  • リポジトリのSettingからGitHub PagesのSourceブランチをgh-pagesに変更する