经过一段时间激烈的Vibe Coding，我的个人博客初期施工终于完成了！🎉

潦草记录一下

🛠️ 技术栈概览

本博客构建于现代 Web 技术之上，主要使用了以下工具和库：

• 核心框架: Astro (v5.17)
  • 选择 Astro 的主要原因是其“以内容为中心”的理念和出色的静态站点生成 (SSG) 性能。它默认发送 0 JavaScript 到客户端，确保了极快的加载速度。
• 内容创作: MDX (@astrojs/mdx)
  • MDX 允许我在 Markdown 中直接使用组件，这为撰写富交互内容的博文提供了无限可能。
• 样式方案: Native CSS & Scoped Styles
  • 充分利用 Astro 内置的 Scoped CSS，保持样式的模块化和隔离，无需引入庞大的 CSS 框架。
• 构建工具: Vite (Astro 内置)
• SEO & 订阅: @astrojs/sitemap 和 @astrojs/rss

当前进度

目前的版本已经具备了基础的博客功能：

• 文章列表与详情展示
• 标签筛选系统
• 趣味交互组件 (Lost)
• 响应式设计

最满意的是满屏的罗斯特，不枉我花了一个晚上找图、分割。

本来是想要用以撒的结合Wiki中使用的动画播放插件，但是官方Github仓库并没有文档，只能通过比较取巧的方式来实现：把游戏的解包图片按顺序轮播，实现类似于动画播放的效果。