个人技术博客
菜单
← 返回文章列表

Web 开发

用 TypeScript 整理一个静态站点

记录类型约束、内容边界和小步验证之间的取舍。

标签:TypeScript Astro MDX

让数据边界清楚

静态站点的代码量不大,但内容、页面和配置仍然需要明确的边界。Frontmatter 负责描述文章,正文负责表达内容,页面只负责组合它们。

这也是 MDX 适合内容型项目的原因:它保留 Markdown 的阅读体验,同时为需要时的表达扩展留下空间。

type PostPreview = {
  title: string;
  date: Date;
  description: string;
};