yysk.dev

yysk.dev (このサイト)

Markdown から静的生成されるポートフォリオサイト

2026-08-06works

このサイト自体もひとつの制作物です。content/ 以下の Markdown を GitHub に push すると、GitHub Actions がビルドして Cloudflare Workers (Static Assets) にデプロイします。

仕組み

  • ビルドスクリプト (Node 標準 + marked のみ) が md → html に変換
  • ページ間の .md リンクを解析して関係図のデータを生成 (フォルダごとに色分け、参照の向きが分かる矢印付き直角配線、ホバーで関連リンクを強調)
  • 左サイドバーのツリーは content/ のフォルダ構成から自動生成
  • ライト/ダークテーマは OS 設定に追従しつつ手動切替も可能
  • ホームの recent、sitemap.xml、OGP もビルド時に自動生成

詳細な構成メモ: Cloudflare Workers Static Assets メモ

作者について: About