谢泓铎 · 个人主页

作者：谢泓铎 · GIS实验室

一个纯静态的个人主页。以「新中式水墨 / 等高线即山水」为视觉方向，用等高线与卷积核，把大地翻译成可以被理解的语言。

在线预览：https://bo55like69.github.io/personal-homepage/

✨ 功能特性

特性	说明
程序化等高线山峦	种子随机 + 5 阶正弦叠加，运行时生成 3 层远山与 11 条等高线，带鼠标 / 滚动视差
日间 / 夜间双主题	「宣纸」与「夜山」两套语义令牌，localStorage 记忆，首次访问跟随系统偏好，无闪白
双端导航	桌面竖排印章导航 + 移动端底部导航，滚动高亮同步
完整内容分区	关于我 / 科研主线 / 作品与工程 / 来时路 / 取得联系，五个章节
可访问性	正文对比度 ≥ 4.6:1，键盘可达焦点圈，prefers-reduced-motion 全量降级
SEO 与结构化数据	Open Graph / Twitter 卡片、JSON-LD Person、内联 SVG favicon、打印样式

🚀 快速开始

纯静态，零依赖、零构建：

# 直接双击 index.html 即可；或起一个本地服务
python -m http.server 8000
# 浏览器打开 http://127.0.0.1:8000

字体走 Google Fonts CDN，离线环境下会自动回退到系统衬线 / 黑体，不影响布局。

🗂️ 目录结构

.
├── index.html    # 结构、语义地标与全部内容（联系方式在此修改）
├── style.css     # 设计令牌 → 基础 → 氛围 → 组件 → 章节 → 动效 → 响应式 → 降级
└── main.js       # 等高线生成 / 主题切换 / 阅读进度 / 章节浮现 / 导航高亮

🛠️ 技术栈

原生 HTML + CSS + JavaScript，无任何框架与构建工具。

• 字体：Noto Serif SC（中文展示）· Noto Sans SC（正文）· JetBrains Mono（数据）· Cormorant Garamond（拉丁展示）
• 图形：内联 SVG，路径由 main.js 的 mulberry32 确定性随机生成
• 动效：CSS animation + IntersectionObserver，只动 transform 与 opacity

要改联系方式：搜索 index.html 里的 Bo55LIKE69 与 3481400267@qq.com 即可。

📄 许可

MIT License

👤 作者

谢泓铎 · 嘉应学院地理信息科学专业 · GIS 实验室助教兼负责人

• GitHub：@Bo55LIKE69
• 仓库：Bo55LIKE69/personal-homepage
• 邮箱：3481400267@qq.com