blog.satoru.fyiRSS

ブログを始めた

  • meta
  • astro

このブログは blog.satoru.fyi で運営する。技術スタックの覚書。

構成

  • SSG: Astro(静的出力)
  • CMS: Sveltia CMS(/admin からGitHubリポジトリに直接コミット)
  • ホスティング: Cloudflare Pages(masterブランチへのpushで自動デプロイ)

記事はMarkdownで src/content/blog/ に置かれ、Content Collectionsのスキーマでfrontmatterが検証される。

記述例

コードブロックはexpressive-codeでハイライトされる。

import { getCollection } from 'astro:content';


const posts = (await getCollection('blog'))
  .filter(({ data }) => !data.draft)
  .sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf());

引用ブロックの例。ダークモードは prefers-color-scheme に追従する。

書きながら調整していく。