はじめに

はじめまして、ykitaaaと申します。

以下サイトを参考にブログをとりあえず立ち上げてみました。

https://blog.code-del.com/posts/notion-hugoで寝転びながらブログを書く/

⇒めんどくさがりの自分にぴったりでした！ありがとうございます！！
　ブログタイトルがすばらしい。。。

ブログのシステム構成

構成

• Notion（のAPI）
  • メモアプリ⇒ここでブログを書きます
• Hugo
  • 静的HTML作成（Go言語なのでビルドが早い！！）
• GitHubPages
  • GitHubの静的HTMLのホスティングサービス

デプロイまでの流れ

1. Notionで記事作成
2. GitHubActionsからNotionの記事取得（cron起動）
3. Notionの記事をMarkdownに変換
4. HugoでMarkdownからHTMLに変換
5. GitHubPagesにデプロイ

メリット・デメリット

メリット

• Notion
  • どこでも書ける
  • 慣れている人は書きやすい
  • 自分の技術メモを一つにまとめられる
• Hugo
  • 静的サイトなので早い
    • SEO的に良い GoogleのMatt Cuttsさんの動画↓
      https://youtu.be/-I4rWnQxxkM?si=HQwAxQ-DAv52PJeJ
      ⇒ そこまで大きな要因ではないけど、速度は検索順位に影響しているみたい
    • 読者をイライラさせない（超大事）
  • テーマを使ってデザインを簡単に変更できる
• GitHubPages
  • ホスティングにお金がかからない（時間かかるけど）
  • SEO的には不安が残る

デメリット

• Notion
  • Markdown記法の練習ができない笑
  • Notionのサービスが終わるか、API連携できなくなったらブログが書けない
    • NotionからMarkdownに変換したファイルを取れる手段を考えておく
• Hugo
  • WordPressに比べて若干SEOが不安
    • WordPressが老舗なのでおそらくノウハウが多い？
• GitHubPages
  • GitHubがサービス終了したら終わりだけど、おそらくは無いはず

少し困ったこと

GitHubActionsでエラーになり続けてて、なんでか見直してみたら、

Notionのトークン名が誤って設定しているせいでNotionからデータ取得ができてませんでした。。。 トークン名は「NOTION_TOKEN」固定ですので、少しご注意を。。。

手順は守りましょう！

https://github.com/HEIGE-PCloud/Notion-Hugo?tab=readme-ov-file#setup-secrets-for-github-action

さいごに

どうなるか分からないですが、ちょっとずつ書いていきます～

ブログのテーマも少しずついじったり、他の設定も触っていきます～