wangchuanli aff336968c feat: 添加响应式简历网页模板
基于 Bootstrap 5 与 Font Awesome 6 的静态简历模板,内置 6 套主题、技能进度条、时间线经历等模块,无需构建工具即可使用。
2026-08-20 16:26:15 +08:00

Resume Template

一个简洁、响应式的在线简历 / CV 网页模板,基于 Bootstrap 5 与 Font Awesome 6 构建,无需任何构建工具,开箱即用。

本模板由 Xiaoying Riley 的 Pillar 模板派生而来,并遵循 MIT 许可开源。

特性

  • 纯静态页面,直接用浏览器打开 index.html 即可预览,无需 npm / 构建步骤
  • 响应式布局,适配桌面与移动端
  • 内置 6 套配色主题(pillar-1 ~ pillar-6)
  • 含技能进度条、时间线式工作经历、教育、奖项、语言、兴趣等模块
  • 使用 Font Awesome 图标,开箱即用

快速开始

  1. 克隆或下载本仓库
  2. 用浏览器打开 index.html 即可看到示例简历
  3. 把 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。

第三方依赖:

致谢

  • 模板设计:Xiaoying Riley / 3rd Wave Media
  • 图标:Font Awesome
  • 框架:Bootstrap
S
描述
一个简洁、响应式的在线简历 / CV 网页模板,基于 Bootstrap 5 与 Font Awesome 6 构建,无需任何构建工具,开箱即用。
https://wangchuanli.pages.iwali.top/resume-template/
自述文档 MIT
2.3 MiB
语言
JavaScript 68.9%
CSS 25%
SCSS 5.7%
HTML 0.4%