- 抛弃 WordPress,我用 Astro 5 + React 重构了我的数字花园
在这个 AI 生成内容泛滥的时代,我反其道而行,花了两周时间,手搓了一个基于 Astro 5.0 的个人博客系统 ——
AltStack (xbstack.com)。
### 为什么造轮子?
以前用 WordPress,虽然插件多,但那个臃肿的体积和不可控的 DOM
结构对于一个有强迫症的全栈开发者来说实在是太难受了。我想要的是:
1. 极致的性能:默认 0 JS,纯静态 HTML 输出。
2. 绝对的掌控:从路由到渲染,每一行代码都必须是透明的。
3. **资产化:文章即 Markdown,存储在 Git 中,不依赖任何数据库。
### 技术栈
框架:Astro 5.0 (Content Layer API)
UI:React + TailwindCSS
设计风格:黑曜石 + 水玻璃 (Liquid Glass)。针对浅色/深色模式做了像素级的适配。
自动化:自研 Python 脚本实现 SEO 审计与自动化百度/Bing 推送。
### 一些有意思的细节
1. 能力矩阵 (Skill Radar):在侧边栏做了一个动态的能力展示组件(React 驱动)。
2. 公众号引流:在文章底部设计了一个比较克制的“私域转化”卡片,尝试打通公域到私域的闭环。
3. 内容架构:分为 `Legacy` (曾经/户外)、`Stack` (基石/技术)、`Horizon` (未来/阅读)
三个维度,试图用工程思维解构个人成长。
### 现在的状态
目前博客刚上线一周,LightHouse 跑分在 PC 端基本全绿。
虽然现在流量还是 0,但我相信 “长期主义”的力量。
演示地址:[xbstack.com](
xbstack.com)
如果有也在玩 Astro 或者对独立博客感兴趣的朋友,欢迎互换友链(Footer 已集成“开往”和“十年之约”入口)。
求轻喷,欢迎提建议!1 赞 · 2 评论 - 小项目托管到supabase还是挺方便的,瞬间变全栈
supabase.com
1 赞 · 1 评论 - 控制AI 开发流程的主控调度器:有4个SIKLLS
4个skills技能结合和.opencode目录同级的AGNETS.md文档,AGNETS.md是主控配置文件,是AI 开发流程的主控调度器,负责协调三个专业技能包(毒蛇产品经理、UI设计师、全栈开发工程师、ui-ux-pro-max)
需要这4个skill的朋友,
在我主营业公众号:500佰 ,后台发送skills,可获得。
AI 开发必用的4个skills组合juejin.cn
#2025 AI/Vibe Coding 对我的影响# 1 赞 · 1 评论
![[发呆]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_4.28b310a.png)
在我主营业公众号:500佰 ,后台发送skills,可获得。