跳到正文
AI虾折腾
← 返回博客

用 Astro 从零搭一个博客

记录这个博客的目录结构、内容集合和部署思路。

#Astro#前端#建站

目录结构

src/
  components/   # 可复用组件
  content/blog/ # Markdown 文章
  layouts/      # 页面骨架
  pages/        # 路由
  consts.ts     # 站点全局配置

内容集合

文章通过 Astro 的 Content Collections 管理,frontmatter 会被类型校验, 写错字段在构建时就能发现。

SEO

每个页面都带上了 canonical、Open Graph、sitemap 与 RSS, 方便搜索引擎理解页面,也方便读者订阅更新。