使用markdown花式写个人简历

从某种程度上讲，个人简历接近于结构化的文档，自从github推出自定义首页markdown之后，我就在想为什么不用markdown来写简历呢？

说干就干，所以将原来的resume模板重新设计及优化。终于基本上可以使用markdown来生成简历了

文件列表

resume.yml，简历左侧显示的数据源
resume.swig，简历模板
resume.scss，页面显示样式
resume.md，简历右侧内容，可完全采用markdown来写 :)

排版

模板采用左-右结构，左边主要是个人信息等基本信息展示，右侧展示工作与项目经历，基本信息不是完全的结构化，所以需要提取结构化的数据。模板中对数据进行了渲染

数据源

可在数据文件夹(_data目录)/resume.yml中存放基本信息等左侧内容，也可以在.md源文件中定义数据源

Copy Code

side:
  me: 
    avatar: https://avatars3.githubusercontent.com/u/5350591?v=3&s=160
    name: Jamling
    tag: !!str Android / Java / Web
  groups:
    - iconClass: glyphicon glyphicon-user
      name: 基本信息
      items:
        - label: 姓名
          value: XXX
        - label: 毕业院校
          value: XXX
        - label: 学历
          value: 本科
        - label: 求职意向
          value: XXX     
    - iconClass: glyphicon glyphicon-earphone
      name: 联系方式
      items:
        - label: 手机
          value: !!str 1XX XXXX XXXX
        - label: 邮箱
          value: "[XXX@XXX.com](mailto:XXX@XXX.com)"
          type: md
        - label: 个人主页
          value: "[https://www.ieclipse.cn](https://www.ieclipse.cn)"
          type: md
        - label: Github
          value: "[Jamling](https://github.com/Jamling)"
          type: md

工作经历与项目经历等直接使用markdown写在.md源文件中

Copy Code



## <span class="glyphicon glyphicon-list-alt"></span> 工作经历

### XX公司 <small>职位</small> <span>（开始时间－结束时间）</span>

- 岗位职责描述
- 做出了什么业绩

## <span class="glyphicon glyphicon-list"></span> 项目经历


### 项目二

项目的介绍，个人在其中担任什么角色，做了什么事

### 项目一


#### 职责
  
- 负责XXX
  
#### 业绩
  
- 成本降低XXX

渲染结果可参考简历模板，与原来的html模板比起来，不要简洁太多。

打印

原模板在打印上不太友好，优化后的打印效果基本同当前所见到的页面，不会出现效果相差巨大的问题。

Copy Code

@media print {
    .side {
        width: 33.3%;
    }

    .main {
        width: 66.6%
    }

    a:after {
        content: "" !important;
    }
    h2 {
        font-size: 1.5em;
    }
    h3 {
        font-size: 1.2em;
    }
}

完整的css请参考resume.scss

隐私

可利用Nova特有的加密功能开启隐私保护，在Front-matter中添加passord: your passowrd即可，密码输入不对，无法查看。

本文永久链接： [https://www.ieclipse.cn/2022/10/17/Web/hexo-your-resume/](https://www.ieclipse.cn/2022/10/17/Web/hexo-your-resume/) 未经允许，禁止转载，如有问题，请在我的博客原始页面提交评论。