开源模板

设计师个人网站

一套代码支撑「作品集展示 + 多版本简历」两种场景，面向客户与招聘方灵活切换

如何使用此模板

下载 portfolio.html（作品集）和对应经验的 resume-Nyear.html（简历）
全局搜索 [你的 替换为真实信息（姓名、电话、城市等）
替换 [你的照片文件名] 为个人照片路径
修改 :root 中的CSS变量可自定义配色主题
上传到自己的服务器，即可拥有完整的个人品牌网站

文件说明

portfolio.html 作品集展示页（面向客户）
resume.html 5年经验简历（深蓝主题）
resume-3year.html 3年经验简历（墨绿主题）
resume-2year.html 2年经验简历（暗色主题）
resume-1year.html 1年经验简历（明亮主题）

核心功能

🎨

双模式设计

作品集页面向客户展示创意，简历页面向招聘方展示履历，一套代码两种受众

作品集简历

🎭

四色主题系统

1年明亮、2年深蓝、3年墨绿、5年暗色，经验越丰富配色越深

CSS变量一键换肤

📱

响应式布局

桌面端左右分栏，移动端自动堆叠，简历页左侧固定栏+右侧滚动区

自适应移动端

✨

交互细节

自定义光标、背景流体动画、滚动入场、卡片悬停、作品筛选

动画微交互

⚡

纯静态部署

单HTML文件+CSS变量+原生JS，无后端依赖，FTP直传即可上线

HTML5 零依赖

📐

模块化结构

每个区块带「可编辑」注释，非技术用户也能轻松自定义

易维护可扩展

占位符清单

全局搜索以下占位符并替换为真实信息：

      [你的名字]

      [你的英文名大写]

      [你的英文名小写]

      [你的电话]

      [你的微信号]

      [你的小红书账号]

      [你的站酷主页]

      [你的城市]

      [你的域名]

      [你的照片文件名]

      [你的简历文件名]

      [年份]

预览作品集模板预览简历模板