站点上线了
这个站从零搭起来,前后经历了几轮返工。记录一下最终的样子。
技术栈
博客是 Hexo + Butterfly,中英双语各写各的,不强求一一对应。
3D 展厅用原生 Three.js 手写,不是现成的 <model-viewer> —— 那个组件的
scene-graph API 做不了节点显隐和位移,而换轮毂、调离地间隙、开门动画
恰好三样都需要。
全站零外部 CDN 依赖,字体和第三方脚本都自托管。
网络层
443 端口上做了 SNI 分流:来自 Cloudflare 的请求进博客,其余一律交给
代理服务。这样 CDN 缓存能正常工作,同时源站 IP 不会被关联到这个域名。
绕过的弯路是用 Cloudflare 的 Origin Rule 改写回源端口 —— 功能上没问题,
但会让边缘缓存彻底失效,所有响应都是 DYNAMIC。排查了大半天才定位到。
接下来
展厅的车模还在迭代。占位模型是 Blender 脚本生成的分件白模,
层级和命名都按规格定死了,换成正式模型只要替换几何体。