PAGE · 山海行记
关于本站
山海行记的制作说明
这个页面说明山海行记是怎么做出来的,以及它为什么选择现在这样的结构。
技术
- Astro 5:纯静态输出,除首屏镜头外全站零 JavaScript。
- 首屏长卷:分层 SVG + CSS 3D 相机;青绿工笔 × 二次元;纯矢量,没有一颗像素。
- 文字与面板:始终是 DOM,可读、可复制、可被搜索引擎与屏幕阅读器读取。
- 字体:霞鹜文楷(OFL,自托管)。
- 托管:Cloudflare Pages。
内容
这个站没有后台,也没有数据库。内容是 Markdown 与 JSON, 由 AI 按固定规范生成、构建验证、提交;对话就是后台。
两种读法
- 山海:镜头首页,可拖动、滚轮前进、右键转视角、打开舆图。
- 简读:普通长页,适合快速浏览、键盘阅读与无 JS 环境。
两种读法共享同一套内容与令牌,不维护两套文案。