跳到正文
← 作品

案例 · LK-001

一个三语网站,一次静态构建。

Loongink 自己的官网。新的设计方向、静态构建,以及一套经得起英、中、高棉三种文字的排版系统。

角色
设计、开发
团队
同一工作室
技术栈
VuePress · Vue 3 · Workers
年份
2026
Loongink 官网分享卡:墨色背景、衬线标题和五段交付线。
01

背景

网站本身得成为第一份证据。

第一版是四页宣传页。它讲清了交付流程,但陌生访客看不出这家工作室做过什么、为谁做、怎么做。当时没有可公开的客户案例,网站本身必须先承担第一份证明。

02

模型

三种语言,一套版式,不做运行时翻译。

英文在 `/`,中文在 `/zh/`,高棉语在 `/km/`。一套版式和一套设计系统承载三种语言。首页变成项目卡,业务页变成交付流程,这一页就是后续案例的模板。

03

构建

静态页面、一个小 Worker,以及一条字体流水线。

VuePress 2 生成页面,Vue 3 组件承载设计系统,Cloudflare Worker 处理语言协商和联系接口。字体自托管,中文子集在构建时重建,CSP、缓存头、sitemap 和 hreflang 随站点生成。

04

结果

一份持续更新的小档案,而不是一页能力清单。

网站现在有明确的下一步、真实的案例模板,以及一套不依赖运行时框架的构建。接下来的内容是客户案例和团队,而不是再加一层装饰。

05

复盘

做对了什么,哪里会改。

做对的是墨色与朱砂、五段交付线、静态构建和子集字体流水线。会改的是第一版用形容词开场,把作品藏在了后面。v2 先用证据开场,再给下一步。

15个页面
3种语言
1次静态构建
−69 KB移除的 GSAP chunk

页面数与体积来自第一版构建;中文子集每个字重 27 KB。

有一套系统需要同样的处理?