2024-08-10
Pages CMSでTILのコンテンツを管理する
Pages CMS
このサイトのCMSとしてPages CMSを採用した。
GitHubリポジトリにあるTILのmarkdownコンテンツを管理できる。 メディアも管理可能。
設定
管理するコンテンツの設定をymlで書ける。 Astroのcontent collectionでzodスキーマが定義してあるため、 フロントマターとして出力するフィールドの型が違うとビルドエラーになるがこちらでも型指定ができて安心。
.pages.yml
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に設定するのを忘れずに。
微妙なところ
Pages CMSでmarkdownファイルを編集する際にURLがmarkdown記法のテキストリンクに変換されてしまうこと。
zenn-markdown-htmlを使用しており、リンクは基本的にリンクカード埋め込みにしたい...
参考