用 Astro 搭建博客的体验

最近用 Astro 重新搭建了博客,体验很顺畅。默认零 JS 的策略让页面非常轻快,Markdown 内容集合的类型安全也让写文章变得很安心。

为什么选 Astro

之前用过几个框架,多多少少都有不顺手的地方。Astro 的内容集合(Content Collections)是我觉得最舒服的部分——在 src/content/posts/ 下放 Markdown 文件,前端直接类型安全地查询,不用额外搞数据库。

一些细节

静态生成的页面天然快,Lighthouse 四项满分基本是标配。Markdown 里的代码高亮用 Shiki,支持的主题很多,默认就够用。

import { getCollection } from "astro:content";

const posts = await getCollection("posts");

如果你也想搭博客,值得一试。

顺便试试公式:质能方程 E=mc2E = mc^2,以及欧拉公式 eiπ+1=0e^{i\pi} + 1 = 0

一个稍复杂的块级公式:

ex2dx=π\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}