这是本站的第一篇文章。站点从立项起就坚持一个原则：纯静态、零依赖、离线可用。双击 index.html 就能完整浏览，不依赖任何服务器或 CDN。

为什么是纯 HTML5

个人站点的本质是内容展示，不需要动态后端的重量级方案。我选择的技术栈非常简单：

  • HTML5 —— 语义化标签保证结构与无障碍
  • CSS3 —— 自定义属性（变量）驱动整套赛博朋克主题
  • 原生 JavaScript —— 星尘背景、打字机效果等交互，全部手写

一个从 Win32 时代走来的开发者，天然信任"看得见、摸得着"的东西——纯静态就是这样的东西。

写作与构建流程

博客采用 Markdown 源文件 + 本地构建 的经典静态博客架构：

  1. 在 posts/ 目录新建 YYYY-MM-DD-标题.md 文件
  2. 在文件头用 --- 围住 front matter（标题/日期/标签/摘要）
  3. 用 Markdown 写正文
  4. 运行 node build.js，自动生成阅读页并更新博客列表
posts/
├── 2025-01-01-site-architecture.md   ← 源文件（Markdown）
├── 2025-01-01-site-architecture.html ← 构建产物（阅读页）
└── 2025-01-02-from-desktop-to-iot.md

也可以在 写作台 里实时预览并导出 .md 文件。

后续规划

  • [x] 纯 HTML5 骨架与赛博朋克主题
  • [x] Markdown 写作与静态构建
  • [ ] Vlog 视频嵌入区块
  • [ ] 深色 / 浅色主题切换

技术可以复杂，但解决问题的方案应当简单——这是我写每一行代码的信条。