High Agency

Hi V2EXer,

分享一个刚刚上线的周末项目。

起因 读到了 George Mack 关于 High Agency (高能动性) 的文章，非常受触动。"High Agency" 是一种不仅被动体验世界，更能主动重塑世界的能力。为了践行这个概念，我决定不只是“收藏”它，而是为它做一个专属的、极致阅读体验的中文独立站。

项目地址 👉 https://highagency.cn

技术栈 (The Boring Stack) 为了追求极致的加载速度和控制力，没有使用 Next.js 或 Astro ，而是回归到了最原始的 "No Framework"：

• 构建: Node.js + markdown-it + cheerio (手写 SSG 脚本)
• 样式: 纯 CSS (Flexbox + Grid)，无 Tailwind
• 交互: Vanilla JS (IntersectionObserver 实现目录滚动跟随)
• 部署: GitHub + Vercel (免备案，全球 CDN)

做的一些微小优化

1. 极致压缩: 作者头像从 5.9MB 压到了 56KB 。
2. 阅读体验: 实现了类似原文的蓝色阅读进度条（只覆盖内容区），以及侧边栏目录的 ScrollSpy 高亮。
3. 排版: 引入 pangu.js 自动处理中英文间距，正文强制两端对齐。
4. GEO (Generative Engine Optimization): 针对 AI 时代，特别优化了 robots.txt (允许 GPTBot) 和注入了详细的 JSON-LD 结构化数据，方便 AI 提取和理解。

开源 代码完全开源，如果你也想为喜欢的文章做一个独立站，可以直接 Fork 修改： https://github.com/wangmhao/highagency-cn

欢迎大家提意见，也希望这篇文章能给你带来一点“高能动性”的能量。