迁移到Astro

Written by: algebnaly

Date: 2024-11-22T17:48:00.000Z

背景

Hexo用着是没什么问题, 其实不迁移也可以, 但是Astro确实存在一些吸引我的特性,让我有兴趣花点时间迁移。

原因

• MDX, MDX支持在markdown中使用前端组件, 这意味者我可以在博客中实现一些炫酷的效果(虽然我可能到最后都没用上)。
• 使用Astro很容易实现自己的组件, 布局等等。
• Astro支持SSR, 可以在服务器上生成静态页面, 而且可以通过CDN加速。

心得

关于数学公式支持, 看MDX官方的Math guide就行,但要注意需要引入katex.css, 否则显示会有问题, 可以直接在MDX中硬编码引入, 但这非常不优雅, 如果依赖的Katex升级了, 对应的katex.css也需要手动换成对应的版本。

我的做法是在MDX的frontmatter中指定Astro Layout, 然后在Layout中用如下的方式引入Katex CSS:

---
import "katex/dist/katex.min.css";
---

通过这种方式引用就不用担心升级Katex版本了。