关于本站
关于本站的构建
这个作品集不仅仅是工作的展示；它是现代Web开发实践的证明，从底层结合了性能、设计和SEO。
技术栈
- Astro
实现零JavaScript默认设置和极致性能。
- Sanity CMS
用于结构化的无头内容管理。
- Cloudflare Pages
实现边缘部署和极速访问。
- Gemini AI
支持实时翻译和内容生成。
挑战与解决方案
双语支持
我们实施了自定义路由系统 `/[lang]/...` 并集成了Google Gemini API辅助翻译，确保内容无需手动复制即可覆盖更广泛的受众。
联系表单安全
最初探索自定义reCAPTCHA v3，后来为了保持网站的静态和快速，我们转向Web3Forms，这是一种强大的无服务器解决方案，原生处理反垃圾邮件。
性能与设计的平衡
实现具有丰富视觉效果的玻璃拟态设计通常会牺牲性能。通过使用优化的CSS变量和极少的客户端JavaScript，我们保持了高Lighthouse分数。
样式扩展
最初使用原生 CSS 以获得完全控制，但随后采用 Tailwind CSS v4 以实施统一的设计系统。这在保留自定义玻璃拟态美学的同时，减少了代码重复并提高了可维护性。
内容架构
我们利用 Sanity CMS 构建结构化的无头内容后端，而不是硬编码文本。这允许实时更新和可扩展的数据架构，而无需重新部署代码。
全球交付
通过 Cloudflare Pages 部署以利用其全球边缘网络。这确保了全球亚秒级的加载时间，以及相比标准无服务器函数更可靠的社交媒体卡片渲染。
最终成果
结果是一个极速、SEO优化的作品集，它作为我应用于客户项目的原则的活生生的案例研究：卓越的技术支持优质的内容。
移动端结果
桌面端结果