極簡風格的響應式簡歷模板

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…

相關文章
相關標籤/搜索