9d04e619a1be7d38b5554ae2ece4effd86d80e67
Resume Template
一个简洁、响应式的在线简历 / CV 网页模板,基于 Bootstrap 5 与 Font Awesome 6 构建,无需任何构建工具,开箱即用。
本模板由 Xiaoying Riley 的 Pillar 模板派生而来,并遵循 MIT 许可开源。
特性
- 纯静态页面,直接用浏览器打开
index.html即可预览,无需 npm / 构建步骤 - 响应式布局,适配桌面与移动端
- 内置 6 套配色主题(
pillar-1~pillar-6) - 含技能进度条、时间线式工作经历、教育、奖项、语言、兴趣等模块
- 使用 Font Awesome 图标,开箱即用

快速开始
- 克隆或下载本仓库
- 用浏览器打开
index.html即可看到示例简历 - 把
index.html中的示例内容替换为你自己的信息
# 直接用任意静态服务器预览(可选)
python -m http.server 8000
# 然后访问 http://localhost:8000
切换主题
编辑 index.html 中 <head> 里的主题样式引用:
<link id="theme-style" rel="stylesheet" href="assets/css/pillar-1.css" />
将 pillar-1.css 改为 pillar-2.css ~ pillar-6.css 即可切换 6 种配色。
定制指南
| 想改的内容 | 修改位置 |
|---|---|
| 个人信息 / 经历 / 技能 | index.html 内的对应 <section> 区块 |
| 头像 | 替换 assets/images/profile.jpg(建议正方形图片) |
| 配色 / 主题 | assets/css/pillar-*.css 或 assets/scss/pillar-*.scss |
| 字体 | index.html 中的 Google Fonts <link> |
| 图标 | 参考 Font Awesome 图标库 替换 <i> 类名 |
修改源码样式(SCSS)
仓库内含 assets/scss/,如需修改样式后重新编译,可使用 CodeKit 或命令行 Sass:
sass assets/scss/pillar-1.scss assets/css/pillar-1.css
目录结构
.
├── index.html # 简历页面(示例数据,请替换为你自己的)
├── assets/
│ ├── css/ # 编译后的 6 套主题样式
│ ├── scss/ # SCSS 源码(含 Bootstrap)
│ ├── fontawesome/ # Font Awesome(js / css / webfonts)
│ └── images/
│ └── profile.jpg # 示例头像
└── LICENSE
开源协议
本项目基于 MIT License 开源,详见 LICENSE。
第三方依赖:
- Bootstrap 5 — MIT License
- Font Awesome 6 Free — 图标 CC BY 4.0,代码 MIT License
致谢
- 模板设计:Xiaoying Riley / 3rd Wave Media
- 图标:Font Awesome
- 框架:Bootstrap
描述
一个简洁、响应式的在线简历 / CV 网页模板,基于 Bootstrap 5 与 Font Awesome 6 构建,无需任何构建工具,开箱即用。
https://wangchuanli.pages.iwali.top/resume-template/
2.3 MiB
语言
JavaScript
68.9%
CSS
25%
SCSS
5.7%
HTML
0.4%