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

Crisp Minimal Résumé

github.com/crispgm/res…html

简介

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

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

示例web

功能和特色

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

安装和使用

  1. 克隆(能够先 fork)shell

    git clone https://github.com/crispgm/resume.git
    复制代码
  2. 安装 Jekyll字体

    gem install jekyll
    复制代码
  3. 配置简历数据网站

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

  4. 运行和预览url

    jekyll serve
    复制代码
  5. 构建spa

    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…

相关文章
相关标签/搜索