既然选择了远方,便只顾风雨兼程——我的 Astro 博客搭建之旅
在这个信息爆炸的时代,拥有一个完全属于自己的数字角落显得尤为珍贵。
这不仅仅是一个用来记录技术笔记的博客,这是我在数字世界构建的一个小型RPG 异世界。在这里,我既是开发者,也是冒险者 Suxinnai。
🛠️ 为什么选择 Astro?
如果你问我 2025 年最推荐的静态网站生成器(SSG)是什么,我会毫不犹豫地投票给 Astro。
1. 零 JavaScript 运行时(默认)
Astro 的核心理念是 “Island Architecture” (孤岛架构)。这意味着除非你显式地告诉它某个组件需要交互(比如那个随机传送按钮),否则它输送给浏览器的只有纯粹的 HTML 和 CSS。 结果就是:快。即使在我的老旧安卓机上,页面加载也是瞬间完成的。
2. 框架无关性 (Bring Your Own Framework)
虽然这个项目主要使用 .astro 文件,但如果哪天我想加一个复杂的 React 交互组件,或者 Vue 的计算器,Astro 都能无缝集成。这让我这个“技术渣”即使在学习新框架时,也能轻松应用到博客里。
🎨 设计哲学:二次元 x 极简主义
在这个博客的设计上,我不想随波逐流做成那种千篇一律的 Bootstrap 风格。
角色属性面板 (Status Window)
你点开 关于我 页面了吗?那是我最得意的地方。
我不希望只是枯燥地列出 Java, Spring Boot, Vue。我把它们做成了 RPG 游戏里的技能树和装备栏。
- 武器:Redmi Book Pro 15
- 技能:带着 😭 表情的 “Learning…”
- 状态:实时更新的 HP/MP 条
这让整个介绍变得生动起来,仿佛你正在查看一个游戏角色的面板,而不是一份冷冰冰的简历。
酒馆留言墙 (Guestbook)
为了增加互动感,我专门设计了一个 留言板 页面,并将其包装成“冒险者酒馆”。 虽然目前还没有接入后端数据库(毕竟是静态博客),但我设计了一个通向 GitHub Issues 的传送门。这种“借鸡生蛋”的评论方案既省钱又硬核——只有真正有 GitHub 账号的极客才能留下传说。
🌑 暗黑模式的魔法
作为一个经常在深夜写代码的人,我深知暗黑模式的重要性。 得益于 Tailwind CSS v4 的强大支持,我为网站的每一个角落都定制了深色主题。不仅仅是把背景变黑,字体颜色的对比度、边框的颜色、甚至图片的亮度都做了微调,确保在夜晚浏览通过不会“亮瞎眼”。
🚀 未来计划 (Current Quest)
正如我在属性面板里写的,我现在的 Current Quest 是“校园论坛毕设”。 除此之外,这个博客本身也在持续进化中:
- 搜索功能:集成 Pagefind 实现纯前端搜索。
- RSS 订阅:方便大家用阅读器追更。
- 更多彩蛋:比如点击 Mascot 会有语音?或者隐藏的 Konami Code?
结语
“喜欢把日常写成微光,把思绪折成风。”
希望你喜欢这个小小的异世界。如果你发现了 Bug,请把它当成是地图上的隐藏怪兽,欢迎在 GitHub 上告诉我!
本文写于 VS Code Insiders,伴着一杯无限续杯的咖啡。