ブログを作りました。
技術スタック
フレームワーク・基盤
- 静的サイトジェネレーター: Hugo Extended v0.140.2
- テーマ: GitHub-style
- ホスティング: Cloudflare Pages
- 開発環境: Dev Container (VSCode Remote Container)
フロントエンド
- 検索機能: Hugo内蔵の検索機能
- コメント機能: Gitalk(GitHub Issues連携)
- アナリティクス: Google Analytics 4 (GA4)
- OGP対応: カスタム画像生成
CI/CD
- 自動デプロイ: Cloudflare Pages
- ワークフロー管理: GitHub Actions
- Issue to Post変換
- プレビューデプロイ
- 自動OGP画像生成
コンテンツ管理
- 記事管理: GitHub Issues連携
- 画像処理: ImageMagick
- フォント: Noto Sans CJK
- フォーマット: Markdown
- バッチ:https://github.com/aidenwallis/cloudflare-pages-badges
インフラ・その他
- バージョン管理: Git
- 依存関係管理: Go Modules
- ドメイン管理: Cloudflare DNS
- ライセンス: MIT License
- RSS: Hugo内蔵のRSSフィード機能
セキュリティ
- HTTPS: Cloudflare SSL
- 認証: GitHub OAuth(Gitalk用)
- 環境変数管理: Cloudflare Pages環境変数
ブログ作ったわけと選定要件
SSGで作りたくて色々探してたけど、最終的に Hugo で作ることにしました。