PAGE · 山海行记

关于本站

山海行记的制作说明

这个页面说明山海行记是怎么做出来的,以及它为什么选择现在这样的结构。

技术

  • Astro 5:纯静态输出,除首屏镜头外全站零 JavaScript。
  • 首屏长卷:分层 SVG + CSS 3D 相机;青绿工笔 × 二次元;纯矢量,没有一颗像素。
  • 文字与面板:始终是 DOM,可读、可复制、可被搜索引擎与屏幕阅读器读取。
  • 字体:霞鹜文楷(OFL,自托管)。
  • 托管:Cloudflare Pages。

内容

这个站没有后台,也没有数据库。内容是 Markdown 与 JSON, 由 AI 按固定规范生成、构建验证、提交;对话就是后台。

两种读法

  • 山海:镜头首页,可拖动、滚轮前进、右键转视角、打开舆图。
  • 简读:普通长页,适合快速浏览、键盘阅读与无 JS 环境。

两种读法共享同一套内容与令牌,不维护两套文案。