Hugo + Github Pages / Actions を使ってブログを作る

Hugo + Github Pages / Actions を使って本ブログを作りました。

モチベーションや条件

モチベーションや条件は以下の通りです。

• モチベーション:
  • 独立したので、
    • 自己紹介や宣伝で使えるサイトがほしい
    • (技術的な記事を書くかもしれない)
    • 経歴や仕事の条件などのページも統合したい
  • Github Actionsを使ってみたい (使ったことなかった)
• 条件:
  • 記事はMarkdownで書きたい
  • 記事を書く以外の作業はできるだけ簡単にしたい

やったこと

以下の記事を参考にして作りました。コンパクトにまとまっていてわかりやすかったです🙏

• Hugo と Github Pages でブログを作る – 三日坊主。

基本的に上記記事に沿って構築しました。

以下の一部の項目は自分の環境や好みに合わせて変更しました。

• テーマは以下のものを使用
  • https://github.com/dillonzq/LoveIt
• gh-pages.yml(Actionsの設定ファイル)は一部修正
  • 基本的に以下に記載のものに変更 (バージョン指定などが新し目になっている)
    • https://github.com/peaceiris/actions-hugo#getting-started
  • Setup Hugoステップでextended: trueを指定

環境構築したあとは、Markdownファイルをリポジトリにpushすれば、Actionsで静的コンテンツの生成とデプロイが行われ、記事を公開できます。

↓設定ファイル等が最終的にどうなったかはこちらのリポジトリで確認できます。

• https://github.com/shingohry/shingohry.github.io

そのほか

Aboutページに記載の仕事の条件などについては以下の記事を参考にさせていただきました🙏

• もともと自営業ですが真の自営業になりました | u1tnk.log
• フリーランスプログラマ雑感 | blog.tai2.net

今後やりたいこと

• 技術的な記事を書く
• 独自ドメインを割り当てる
• Aboutページのタイトルを左寄せにしたい (できるのか?)