V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
youyu00

High Agency

  •  
  •   youyu00 · 1 月 22 日 · 958 次点击
    这是一个创建于 84 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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

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

    目前尚无回复
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   Solana   ·   1643 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 89ms · UTC 16:32 · PVG 00:32 · LAX 09:32 · JFK 12:32
    ♥ Do have faith in what you're doing.