lazy weichao.ren

Colophon

关于这个站

写给好奇的人。这个站用什么做的、为什么这么做、一些设计原则。

Why

旧站跑在 GitHub Pages 上的 Jekyll，从 2011 年写到 2025 年。 56 篇文章 + 无数次折腾模板，最后变成了一个我不愿意再写新文章的地方。

2026 年决定重建。目标：让我重新喜欢在这里写东西。 技术选型简单 —— Astro + Vercel，TypeScript 严格模式， 客户端交互岛尽量少。

Stack

  • Astro 5 页面框架、Content Collections、静态生成
  • React 19 3D 地球、AI 聊天助手等交互岛
  • Three.js Hero 的 3D 地球与记忆点动画
  • Vercel 托管 + Serverless Functions + CDN
  • TypeScript strict 模式，路径别名 @components / @data / @lib
  • Agnes-2.0-flash 聊天机器人首选模型
  • DeepSeek 聊天机器人兜底模型
  • Anthropic Serif / SF Pro 字体（取决于系统可用性）

Principles

  1. 内容先于装饰 — 文字 > 图像 > 动效
  2. 每屏只一个核心信息
  3. 段落短、句子短、留白多
  4. 暖色调（parchment + ivory + terracotta）
  5. Apple 蓝只用在行动按钮
  6. 阴影只出现在浮起元素
  7. 移动端和桌面端同等重要

Photos

4 张照片是我自己拍的。 你可以在 GitHub 仓库 看完整版本。

Source

所有源码公开：github.com/toolazytoname/toolazytoname.github.io

Built by lazy · 2026