Roofy
“从一块空白，到一个会自己更新的双语官网。”
Roofy Investments 是一家立足赞比亚、连接中赞两地的综合性服务集团，业务横跨房地产代建、LED 户外广告与品牌服务。我为它从零做了一套双语企业门户（14 页，slate+amber 编辑风、Fraunces 衬线、SEO 预渲染、全自托管以适配国内访问），并配了一套自研的双语后台 CMS，让非技术的同事也能自己改房源、新闻与团队内容，最后部署上线（VPS + nginx + Let's Encrypt）——现在仍在运行。
一个人从设计到上线全包：视觉风格与排版、14 页双语前端、SEO 预渲染管线、自研 Express CMS（git 当数据库、描述符驱动 CRUD、图片管线、中英并排编辑、scrypt 鉴权），以及 VPS 部署与运维。客户项目，这里只展示公开的网站与后台界面，不涉及内部资料。
客户要的不是模板站，而是能撑起“中赞综合服务集团”质感的双语门户；但房源、新闻、团队这些内容会经常变，客户不想每改一句话都来找开发；而且网站要在国内也能稳定打开——Google 字体被墙、公共 CDN 随时可能成为单点故障。
先定一套 slate+amber 编辑风视觉（Fraunces 衬线、drafting-paper 纹理、amber eyebrow 锚点、直角硬边），落成 14 页双语门户；用 jsdom 在构建期做 SEO 预渲染，把客户端渲染烤成静态 HTML 喂爬虫，再用 JS 渐进增强加动画；全自托管（Tailwind 编译成静态 CSS、字体/脚本/图片全本地化）解决国内可达性。再写一套自研双语 CMS：描述符驱动 8 类内容 CRUD、中英并排输入、sharp 图片管线、git 即版本历史（每次保存 = 一次提交，可一键回滚任意版本）、scrypt 鉴权与乐观锁。
原生 JS + Tailwind（编译版）· Swiper · GSAP / ScrollTrigger · jsdom 预渲染 · Express + multer + sharp（CMS）· git 版本库 · Nginx + Let's Encrypt · Contabo VPS
2024–2025 · 从设计到上线，含自研 CMS 与持续迭代。
一个人把设计、双语前端、SEO 预渲染、自研 CMS 到 VPS 部署全做下来，交付的不只是一个好看的官网，而是一套客户能自己维护、在国内也打得开、还在线上跑着的完整系统。
把一个官网，做成客户能自己养的系统。
这个项目让我把“做网站”想成了“交一套能长期自我维护的系统”：好看只是入场券，真正的价值是 SEO 预渲染让它被搜到、自托管让它在国内打得开、自研 CMS 让客户不依赖我也能更新、git 版本历史让任何一次误改都能退回去。网站现已上线在 roofyinvestments.com。
想了解更多细节，欢迎直接找我聊。