Pages CMSでTILのコンテンツを管理する

このサイトのCMSとしてPages CMSを採用した。

Pages CMS

Manage content and media right in your GitHub repository. No database, no API, no extra backend.

pagescms.org

GitHubリポジトリにあるTILのmarkdownコンテンツを管理できる。 メディアも管理可能。

設定

管理するコンテンツの設定をymlで書ける。 Astroのcontent collectionでzodスキーマが定義してあるため、 フロントマターとして出力するフィールドの型が違うとビルドエラーになるがこちらでも型指定ができて安心。

content:
  - name: posts
    label: Posts
    path: src/content/til
    type: collection
    filename: '{hour}-{minute}-{second}-{primary}.md'
    view:
      fields: [title, date, tags, published]
      primary: title
      sort: [date]
      default: {sort: date, order: desc}
    fields:
      - {name: title, label: Title, type: string}
      - {name: date, label: Date, type: date}
      - {name: tags, label: Tags, type: string, list: true}
      - {name: published, label: Published, type: boolean}
      - {name: body, label: Body, type: rich-text}

セルフホスティング

GitHub リポジトリへのフルアクセスが必要になるため、一応Cloudflare Pagesでセルフホスティングしている。

ドキュメントにやり方が載っているので大体そのまま進めればOK。 Cloudflareのビルド設定だけ記載がないので、フレームワーク プリセットでVueを選択して、ビルドコマンドをnpm run build、ビルド出力ディレクトリを/distに設定するのを忘れずに。

https://pagescms.org/docs/development/#deploy-on-cloudflare

微妙なところ

Pages CMSでmarkdownファイルを編集する際にURLがmarkdown記法のテキストリンクに変換されてしまうこと。

zenn-markdown-htmlを使用しており、リンクは基本的にリンクカード埋め込みにしたい…

参考

これで最後にしたい！ Astroと立ち向かう 6度目の個人ブログ再開発

TechRAMEN 2024 Conference の登壇資料です！ https://techramenconf.net/ https://fortee.jp/techramen-24-conf

speakerdeck.com