【开源自荐】Astro AntfuStyle 主题用于博客 & 作品集

[lin-stephanie]

主题说明

通过 Astro 框架（无任何 UI 框架）在保留 antfu 大神个人网站设计的基础上，完善并扩展了部分样式和功能（会继续增加），分享给有需要的和我一样喜欢这个设计的小伙伴。 另外，也可以作为 Astro 练手项目，在线预览中有我很详细编写的说明以及相关扩展知识。

仓库地址

https://github.com/lin-stephanie/astro-antfustyle-theme

在线预览

https://astro-antfustyle-theme.vercel.app/

主要功能

基础设施

• SEO 友好
• 自动生成 RSS 订阅源
• 支持子路径部署
• 本地图片优化处理
• VS Code 快速代码片段
• 规范化的项目结构

内容管理

• 支持 Markdown 和 MDX
• 自动生成目录
• 自动生成 OG 图片
• 支持 KaTeX 数学公式
• 支持代码高亮与注释
• 支持 Callouts (提示/警告)
• 预定义可在 MDX/Markdown 中使用的 remark 指令

用户体验

• 平滑视图过渡
• 支持站内搜索
• 响应式布局设计
• 无障碍功能增强
• 浅色/深色模式切换
• 加载进度指示
• 社交媒体分享
• 图片缩放预览
• 可配置的动画背景

截图

最后

引用另一位大神 tw93 的一句话：“好的设计是可以被复制的、可以成批出现的、被大众称赞的”，做完这个项目后深有体会，以及感谢阮老师的周刊让我受益匪浅。