orocoa

orocoaweb — 双语交互作品集开源模板与搭建指南

一个可以自行修改的静态作品集模板:点云开场、设备转场、项目浏览和中英文切换。公开仓库名为 orocoa_web,独立 Demo 使用演示文案与公开项目链接。

先体验完整浏览流程

先打开独立 Demo,体验首页、Selected work、设备过渡与 Profile,再从 All work 进入项目详情。手机支持触控浏览,系统减少动态效果偏好有对应处理。

模板使用 HTML、CSS、JavaScript modules、Three.js、GSAP 与 Lenis。浏览器依赖已包含在公开仓库,不需要数据库、账号或 API Key。

在本机预览

从公开仓库下载或克隆源码,准备 Node.js 22+,在项目目录运行 node scripts/serve.mjs,再访问终端显示的本地网址。该模板的本地预览不要求 npm install。

先按 README 理解项目结构,再替换自我介绍、项目文案、封面与外部链接。每次修改后检查首页和详情、桌面和手机、中英文本换行及返回路径。

做成自己的作品集

将自己的项目事实写清楚:为谁解决什么问题、你完成了什么、在哪里体验或查看代码。用有授权的真实截图替换演示封面,删除不适合自己公开展示的示例文案。

上线前改成自己的 canonical、分享信息和 sitemap 域名。模板所链接的应用在各自仓库维护,下载作品集并不等于获得这些应用的整套实现。

许可与使用范围

网站代码采用 MIT,但上游动画、字体、图标和媒体保留各自条款;使用前阅读 LICENSE 与第三方说明,不要把所有素材一概理解为 MIT。

这是视觉与交互模板,不提供 CMS、后台发布或自动内容维护。复杂点云和 WebGL 效果仍需在目标设备与网络上验收,不能仅凭桌面效果判断性能。

项目入口