极简风格的响应式简历模板

2,382 阅读1分钟

Crisp Minimal Résumé

github.com/crispgm/res…

简介

极简风格的响应式简历模板,基于 Jekyll,可以直接部署在 GitHub Pages 上。

通过配置 yaml 文件,就可以完成简历,并部署在网站上或是输出成PDF。Whatever you want!

示例

功能和特点

  • 简单、优雅、极简的设计
  • 桌面和移动友好,但桌面上的效果会更好
  • 支持输出 PDF 并且打印机友好
  • 简单的扩展方式

安装和使用

  1. 克隆(可以先 fork)

    git clone https://github.com/crispgm/resume.git
    
  2. 安装 Jekyll

    gem install jekyll
    
  3. 配置简历数据

    首先在 _config.yml 中配置 baseurl,如果需要部署在网站的话。在 _data/resume.yml 中填写教育(education)、技能(skills)、工作经验(experience)和项目(projects)。

  4. 运行和预览

    jekyll serve
    
  5. 构建

    jekyll build
    

数据格式

联系信息

contact:
  - icon: fa-envelope
    text: youremail@example.com
  - icon: fa-phone-square
    text: your-phone-num
  - icon: fa-globe
    text: your-website.com
    link: https://crispgm.github.io/resume/resume.html

内置了 FontAwesome 图标字体,请使用fa-开头的类名作为图标。link是可选项,如果需要在 Web 或 PDF 版中支持链接,请填写此项。

扩展简历内容

  1. _data/resume.yml 中增加段落,比如增加显示你的语言水平:
languages:
  - name: 英语
    proficiency: 工作熟练
  - name: 中文
    proficiency: 母语
  1. 把读取代码加入 resume.html:
<section id="languages">
  <div class="section-title">
    Language
  </div>
  <div class="section-content">
    {% for lang in site.data.resume.languages %}
    <div class="block">
      <div class="block-title">
        {{ lang.name }}
      </div>
      <div class="block-content">
        {{ lang.proficiency }}
      </div>
    </div>
    {% endfor %}
  </div>
</section>

GitHub

github.com/crispgm/res…