83 行
2.9 KiB
Markdown
83 行
2.9 KiB
Markdown
# Resume Template
|
||
|
||
一个简洁、响应式的在线简历 / CV 网页模板，基于 **Bootstrap 5** 与 **Font Awesome 6** 构建，无需任何构建工具，开箱即用。
|
||
|
||
> 本模板由 [Xiaoying Riley](https://themes.3rdwavemedia.com/) 的 *Pillar* 模板派生而来，并遵循 MIT 许可开源。
|
||
|
||
## 特性
|
||
|
||
- 纯静态页面，直接用浏览器打开 `index.html` 即可预览，无需 npm / 构建步骤
|
||
- 响应式布局，适配桌面与移动端
|
||
- 内置 **6 套配色主题**（`pillar-1` ~ `pillar-6`）
|
||
- 含技能进度条、时间线式工作经历、教育、奖项、语言、兴趣等模块
|
||
- 使用 Font Awesome 图标，开箱即用
|
||
|
||
## 快速开始
|
||
|
||
1. 克隆或下载本仓库
|
||
2. 用浏览器打开 `index.html` 即可看到示例简历
|
||
3. 把 `index.html` 中的示例内容替换为你自己的信息
|
||
|
||
```bash
|
||
# 直接用任意静态服务器预览（可选）
|
||
python -m http.server 8000
|
||
# 然后访问 http://localhost:8000
|
||
```
|
||
|
||
## 切换主题
|
||
|
||
编辑 `index.html` 中 `<head>` 里的主题样式引用：
|
||
|
||
```html
|
||
<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 图标库](https://fontawesome.com/icons) 替换 `<i>` 类名 |
|
||
|
||
### 修改源码样式（SCSS）
|
||
|
||
仓库内含 `assets/scss/`，如需修改样式后重新编译，可使用 [CodeKit](https://codekitapp.com/) 或命令行 Sass：
|
||
|
||
```bash
|
||
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](./LICENSE)。
|
||
|
||
第三方依赖：
|
||
|
||
- [Bootstrap 5](https://github.com/twbs/bootstrap) — MIT License
|
||
- [Font Awesome 6 Free](https://fontawesome.com/license/free) — 图标 CC BY 4.0，代码 MIT License
|
||
|
||
## 致谢
|
||
|
||
- 模板设计：Xiaoying Riley / 3rd Wave Media
|
||
- 图标：Font Awesome
|
||
- 框架：Bootstrap
|