又双叒叕换博客引擎了
内容提要
Astro发布了最新版本4.1，是一个集成Vue/React组件的模板引擎，支持编译为静态文件。使用Astro需要手动实现博客功能，支持Markdown文件放置在不同目录，并使用getCollection和getEntry获取文章内容。Astro还支持将js文件转换为接口，生成RSS订阅。最激动人心的功能是在MDX文件中使用Vue组件。
延伸解读
从博客引擎到模板引擎的转变
Astro 并非专为博客设计，而是一个底层模板引擎，这意味着迁移时需手动实现链接结构、分类、RSS 等博客功能。对于已有站点的用户，向下兼容需要额外开发工作，不像从 Jekyll 到 Hexo 那样相对无痛。这种定位差异要求使用者具备更强的代码能力，但也提供了更高的灵活性。
动态路由与内容集合的配合
Astro 通过文件夹结构定义动态路由，并需导出 getStaticPaths 来枚举所有路径。文章可放在 src/content/posts 下，通过 getCollection 和 getEntry 获取，同时需在 src/content/config.js 中定义集合的 schema。这种方式保持了原有链接结构，但增加了配置步骤，适合需要精细控制内容组织的场景。
MDX 混用框架组件的潜力与限制
Astro 支持在 MDX 文件中使用 Vue 等框架组件，只需安装相应依赖并修改文件后缀。这为博客提供了嵌入交互式组件的能力，但需注意在 MDX 中传递 props 要遵循 JSX 语法而非 Vue 语法。该功能扩展了内容表现形式，但也要求开发者熟悉多种框架的语法差异。
Q&A
Astro 是什么？它和传统模板引擎有什么不同？
Astro 是一个模板引擎，最新版本为 4.1，支持集成 Vue/React 组件并编译为静态文件。与传统模板引擎（如 Smarty、EJS）类似，它把页面代码模块化后编译成静态文件，但独特之处在于能集成多种前端框架的组件。
从 Hexo 迁移到 Astro 后，如何保持原来的文章链接结构？
使用 Astro 的动态路由功能，在 src/pages 下创建 [year]/[month]/[date]/[slug].astro 文件，并导出 getStaticPaths 方法，从文章 slug 中解析出年月日，从而生成与 Hexo 相同的链接结构。
Astro 如何实现类似 Hexo 的文章标签分类功能？
通过动态路由实现：在 src/pages/tags 下创建 [tag].astro，在 getStaticPaths 中获取所有文章的 tags 并去重，然后根据当前 tag 过滤文章并渲染列表。
在 Astro 中，Markdown 文件应该放在哪里才能保持原有链接？
应将 Markdown 文件放在 src/content/posts 目录下，而不是 src/pages 中。然后在 src/content 下创建 config.js 定义集合，使用 getCollection 和 getEntry 获取文章内容，从而保持原有链接结构。
Astro 如何生成 RSS 订阅？
在 src/pages 下创建 .js 文件（如 atom.xml.js），导出一个 GET 函数，在函数中获取文章集合并拼接成 XML 格式，最后返回一个 content-type 为 application/xml 的 Response 对象。
如何在 Astro 的 MDX 文件中使用 Vue 组件？
先安装 Vue 和 MDX 依赖（npx astro add vue 和 npx astro add mdx），然后在 .mdx 文件中导入 Vue 组件并使用，注意传入 props 时需遵循 JSX 语法而非 Vue 语法。
