建站记:hehang.me 是怎么搭起来的 Building hehang.me: How This Site Came Together
想有个地方放自己的东西:走过的路、写过的代码、写下的文字。试过 Notion,试过 GitHub Pages,总觉得差点意思。Notion 是别人的,GitHub Pages 太 geek。 I wanted a place for my own things: roads walked, code written, words recorded.Tried Notion, tried GitHub Pages — always felt slightly off. Notion belongs to someone else; GitHub Pages is too geeky.
建站记:hehang.me 是怎么搭起来的
闲谈
起因
想有个地方放自己的东西:走过的路、写过的代码、写下的文字。
试过 Notion,试过 GitHub Pages,总觉得差点意思。Notion 是别人的,GitHub Pages 太 geek。
那就自己搭一个吧。
技术选型
纠结了两天,最后定的:
- Astro:静态生成,速度快,SEO 友好
- PHP 自研后端:别问为什么不用 Laravel,问就是想自己写个零依赖的微核心
- MySQL:老伙计,稳
- 阿里云 ECS:2 核 2G,够用
前后端分离,但部署在一起。API 走 /api/,静态页面走 Nginx。
设计
参考了 Google、Linear、Apple 的感觉:克制、留白、多色点缀。
定了几条铁律:
- 不用传统博客模板
- 不用赛博朋克、霓虹、重玻璃拟态
- 动画要慢、稳,服务于空间感
- 配色:Google 式蓝红黄绿,不要单一强调色
最花时间的部分
旅行地图。换了三版:
- MapLibre + 自绘中国地图——太重
- 高德地图 2.0——轻,但要处理 Key 和域名白名单
- 最终:高德 + 城市呼吸点 + 年份时间线 + 记忆卡片,无连线
41 座城市的记忆,每座写 2-3 句,中英双语。写完觉得,这网站值了。
现在
v1.0 上线。后台可以管文章、旅行、音乐、时间线。
下一步:多写文章。网站是空壳,内容才是灵魂。
2026 年 10 月,写于网站上线之夜。
建站记:hehang.me 是怎么搭起来的
闲谈
起因
想有个地方放自己的东西:走过的路、写过的代码、写下的文字。
试过 Notion,试过 GitHub Pages,总觉得差点意思。Notion 是别人的,GitHub Pages 太 geek。
那就自己搭一个吧。
技术选型
纠结了两天,最后定的:
- Astro:静态生成,速度快,SEO 友好
- PHP 自研后端:别问为什么不用 Laravel,问就是想自己写个零依赖的微核心
- MySQL:老伙计,稳
- 阿里云 ECS:2 核 2G,够用
前后端分离,但部署在一起。API 走 /api/,静态页面走 Nginx。
设计
参考了 Google、Linear、Apple 的感觉:克制、留白、多色点缀。
定了几条铁律:
- 不用传统博客模板
- 不用赛博朋克、霓虹、重玻璃拟态
- 动画要慢、稳,服务于空间感
- 配色:Google 式蓝红黄绿,不要单一强调色
最花时间的部分
旅行地图。换了三版:
- MapLibre + 自绘中国地图——太重
- 高德地图 2.0——轻,但要处理 Key 和域名白名单
- 最终:高德 + 城市呼吸点 + 年份时间线 + 记忆卡片,无连线
41 座城市的记忆,每座写 2-3 句,中英双语。写完觉得,这网站值了。
现在
v1.0 上线。后台可以管文章、旅行、音乐、时间线。
下一步:多写文章。网站是空壳,内容才是灵魂。
2026 年 10 月,写于网站上线之夜。