JekyllHTML作品集

CV — Jekyll 作品集模板

作者 NewFuture

基于 Jekyll 的在线简历模板,用 Markdown、YAML 或 JSON 编写简历数据,自动生成 GitHub Pages 网页并支持打印导出 PDF。

看看你的网站会是什么样

浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。

2 个预览视图
桌面端首页1 / 2
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

截图用于了解视觉与布局,交互效果请以实际项目为准。

采集于 2026-10-02查看来源

值得关注的模板亮点

从已有项目资料中,快速了解它的特点。

01

支持 Markdown、YAML、JSON 三种简历数据格式

02

由 Jekyll 自动构建 GitHub Pages 静态页面

03

包含手机端适配与打印样式,可导出 PDF

04

构建时压缩 HTML 与 CSS,输出 HTML5 语义化结构

05

样式按默认、移动端、打印拆分为独立 SCSS 文件

模板详细介绍

该模板面向需要在 GitHub Pages 上发布个人简历的用户。简历内容以 Markdown、YAML 或 JSON 三种格式之一书写,由 Jekyll 构建为静态网页;其中 YAML 便于人工读写并支持复杂嵌套,JSON 便于程序转换,Markdown 便于直接书写。模板包含手机端适配、打印样式优化(可导出 PDF)、HTML 与 CSS 压缩、HTML5 语义化输出,并支持简单的 Markdown 嵌套。

使用方式为在 GitHub 上通过 Use this template 生成仓库,编辑 _data/resume.yml(或 resume.json)后提交,等待 GitHub Pages 自动编译,即可通过 {your-github-id}.github.io/仓库名 访问。导出 PDF 时在浏览器中点击页面底部打印并选择打印为 PDF,打印布局、字体大小、边距等可在 _config.yml 中配置。

样式可分别修改 _sass/resume.scss(默认样式)、_sass/mobile.scss(移动端适配)与 _sass/print.scss(打印样式);自定义域名需添加 CNAME 文件并将域名 CNAME 记录指向 {YOUR-github-ID}.github.io。本地调试需安装 Jekyll 后运行 jekyll serve。README 中列出的浏览器兼容范围包括 Chrome、Android 内置浏览器、Edge、IE7 及以上、Safari 与 Firefox。

JekyllHTML作品集

适合你的项目吗?

适用场景

  • 在 GitHub Pages 上发布个人在线简历
  • 用 YAML 或 JSON 维护简历数据并自动生成网页
  • 通过浏览器打印功能将简历导出为 PDF
  • 为简历配置自定义域名
  • 在本地用 Jekyll 调试和预览简历页面

适合人群

  • 有 GitHub 账号并希望用 GitHub Pages 发布简历的开发者
  • 偏好用 Markdown、YAML 或 JSON 管理简历内容的用户
  • 需要同时获得网页版与可打印 PDF 版简历的人
  • 希望自行调整简历样式的前端使用者

上手与定制指南

结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。

  1. 1

    在 GitHub 上点击 Use this template 生成自己的仓库,仓库名将决定最终访问路径

  2. 2

    编辑 _data/resume.yml 或 resume.json 填写简历内容,注意保持 YAML 或 JSON 格式正确

  3. 3

    提交更改后等待 GitHub Pages 自动编译,再访问 {your-github-id}.github.io/仓库名 查看效果

  4. 4

    导出 PDF 时在浏览器中点击页面底部打印并选择打印为 PDF,打印设置可在 _config.yml 中调整

  5. 5

    本地调试需先安装 Jekyll,再运行 jekyll serve

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供;担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 使用该模板需拥有 GitHub 账号并登录,通过 Use this template 生成仓库;简历的自动构建与发布依赖 GitHub Pages 服务。
  • 本地调试需自行安装 Jekyll 环境,再运行 jekyll serve;不安装则只能依赖 GitHub Pages 在线构建。
  • 使用自定义域名需自行准备域名、添加 CNAME 文件并配置 DNS 的 CNAME 记录,域名注册与解析可能产生外部费用。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

登录github, 点击[`Use this template`按钮](https://github.com/NewFuture/CV/generate)使用此模板

README 原文

安装[jekyll](http://jekyllcn.com/docs/installation/)

README 原文

添加[`CNAME`](https://github.com/NewFuture/CV/new/gh-pages/CNAME)文件,一行你的域名

README 原文
https://github.com/NewFuture/CV/blob/gh-pages/LICENSEhttps://github.com/NewFuture/CV/blob/gh-pages/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-02。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 77 / 100
技术栈
Jekyll · HTML
网站类型
作品集
这个分数如何计算

本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2019-06-29
截图检查日期
2026-10-02

已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Jekyll。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对;未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: af7a29cddce211b0c872e2c0ab63bac83078cad911fc33962dd52ba46d117231

2026-10-02T16:01:30.862Z

来源文件 / 仓库
# CV(简历)自动生成
简历模板自动生成gh-pages. A resume template auto builds in github-pages by Jekyll

数据格式:
* [x] `markdown`方便书写([预览](https://newfuture.github.io/CV/markdown))
* [x] `yaml`(方便人读写,支持复杂嵌套)
* [x] `json`(方便程序转换)


* [x] 手机端适配
* [x] 打印格式优化(可导PDF)
* [x] html和css压缩
* [x] [HTML5语义化支持](https://validator.w3.org/nu/?doc=https%3A%2F%2Fnewfuture.github.io%2FCV%2F&showoutline=yes)
* [x] 简单markdown嵌套

浏览器兼容:

* [x] Chrome
* [x] Andoroid (系统内置浏览器,微信等)
* [x] Edge (Windows 10)
* [x] >=IE7 (支持IE: 7 8 9 10 11)(Windows vista,7及以上系统)
* [x] IE6 显示基本一致可读(Windows XP默认版本,显示略有差别)
* [x] Safari (包括Mac, iPhone和iPad)
* [x] FireFox


更多示例: [examples](https://github.com/NewFuture/CV/issues/1)

## 在线使用

1. 应用此模板: 登录github, 点击[`Use this template`按钮](https://github.com/NewFuture/CV/generate)使用此模板
2. 设置`Repository name`仓库名如`CV`(仓库名与最后网站一致,可自行选择私有公开),然后在自己的仓库下进行此操作
3. 修改: 打开[\_data/resume.yml](\_data/resume.yml)(或者resume.json)点击编辑(`Edit`)图标(内容和条目根据需要参考注释删减)
4. 保存: 点击`Commit changes` (会自动commit)注意yaml格式(或者json格式)无误
5. 稍等片刻(自动编译生成github pages),打开[{your-github-id}.github.io/CV/](https://newfuture.github.io/CV/) (命名与项目名一致)查看效果

## contribution

> 如果你想改进此模板
1. 可[`fork`](https://github.com/NewFuture/CV/fork)此模板
2. 在fork后的仓库修改和预览
3. 提交[`pull requests`](https://github.com/NewFuture/CV/pulls)

## 效果截图(点击展开)

不同系统和不同浏览器截图可[在此处查看](https://developer.microsoft.com/en-us/microsoft-edge/tools/screenshots/?url=https%3A%2F%2Fnewfuture.github.io%2FCV%2F)

<details>
<summary> 1. 标准PC版(宽度> 1024)</summary>

![](assets/img/pc.png)
</details>

<details open>
 <summary>2. iPad Pro或窄屏笔记本( 1024 >= width >= 768)</summary>

![](assets/img/large.png)
</details>

<details open>
<summary>3. iPad mini或宽屏Note( 768 >= width > 450)</summary>

![](assets/img/ipad.png)
</details>

<details open>
<summary>4. 标准手机版( width <= 450)</summary>

![](assets/img/iphone.png)
</details>

<details open>
<summary>5. 打印版 (可配置样式和导出PDF)</summary>

![](assets/img/print.png)
</details>



## 高级用法

### 导出 PDF
1. 浏览器(推荐chrome)点击页面底部`打印`
2. 选择打印为PDF文档
3. 配置打印设置(布局样式,字体大小,边距等) [_config.yml](https://github.com/NewFuture/CV/blob/gh-pages/_config.yml#L6)

### 本地调试
1. 安装[jekyll](http://jekyllcn.com/docs/installation/)
2. `jekyll serve` 启动本地服务

### 自定义域名

1. 添加[`CNAME`](https://github.com/NewFuture/CV/new/gh-pages/CNAME)文件,一行你的域名,[更多关于域名添加的问题](https://help.github.com/articles/adding-or-removing-a-custom-domain-for-your-github-pages-site/)
2. 修改该域名的DNS的CNAME记录为`{YOUR-github-ID}.github.io`

### 自定义样式
* [`_sass/resume.scss`](_sass/resume.scss) 默认样式
* [`_sass/mobile.scss`](_sass/mobile.scss) 移动端适配
* [`_sass/print.scss`](_sass/print.scss) 打印样式


## 参考

* 简历模板 https://github.com/crispgm/resume
* jekyll简历模板 https://github.com/nternetinspired/jekyll-resume
* html压缩 https://github.com/penibelst/jekyll-compress-html
* svg 压缩 `svgo`
反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。