サイトを構築する

GitHubActionsとの相性がいいようにNode.jsのテンプレートを利用して、マークダウン + テンプレート からHTMLを生成する。 生成したHTMLをS3にアップロードする。 CloudFront経由でS3を参照して、ブログの配信を行う。

サイトのindex.htmlについては、記事の一覧が必要なため、 記事一覧については毎回最新に更新する必要がある。

新しいマークダウンを作成

1. マークダウン名 + HTML化
2. index.htmlにマークダウン名のリンクを追加
3. 新規作成したマークダウンの記事 + index.htmlをS3にアップロード
4. 該当ファイルのCloudFrontのキャッシュを削除する

上記流れを完成させるのがゴール。

必要なものは下記

• Node.jsのテンプレート生成ライブラリの選定
• テンプレートの作成
  • CSS, HTMLの構築
• テンプレート生成ライブラリの組み込み
  • ローカルでの生成など
  • GitHub Actions抜きで実施できるように調整が必要
• タグページ