用markdown + html写一封简历

• 0. 前言
• 1. 阶段1 - 肯定须要几个模块
• 2. 阶段2 - 使用纯文字填充简历
• 3. 阶段3 - 预留空格
• 4. 阶段4 - 文章垂直方向的调整
• 5. 阶段5 - 居中对齐
• 6. 阶段6 - 加图标

---

本文连接: https://www.cnblogs.com/hchengmx/p/10761179.html

0. 前言

简历的重要性

求职的实质是用最高的效率来找到匹配到适合的工做。而怎么快速的匹配呢? 就要有一份好的简历了, 我第一份简历是用word写的, 用word写的好处就是, 简单, 坏处是 太丑了。后来在网上找模板来写，好处是好看了一点，坏处是模板不必定适合本身，有可能用力过分，并且改模板很麻烦。后来学会了markdown, 就尝试用markdown来写简历。

下来我就来演示怎么用markdown + html来写一份简历。

我是用的vscode + 插件 markdown all in one。

---

1. 阶段1 - 肯定须要几个模块

• 我的信息:
  • 照片: 不建议放上去，由于很差看了影响hr心情，一会儿就fail掉，要是太好看了，还可能引发hr嫉妒也fail掉；
  • 居住地/户籍: 不须要，由于要是不在你指望的工做地点你确定也不会投呀，写上这个是毫无心义的；
  • 民族: 不须要，由于用人单位也不关心这个啊；
  • 性别: 这个打电话或者面试就知道了，不必写在简历里；
  • 出生日期：不须要，意义也不大，由于即使同年出生，各我的上大学和毕业也可能不同，能够考虑换做工做年限；
  • QQ/微信: 不建议放上去，由于hr确定先和你进行电话沟通，要是合适了才会主动加微信；

• 关键字: 不少人的简历中会有这个，可是我的并不推荐，由于可能会和下面的自我技能陈述重复。

• 个人技能: 详细说会什么技能。好比, 数据库:xxx,xxx; 开发语言: xxx,xxx;

• 求职意向: 到岗时间/目标技能(你但愿面试什么样的职位)/行业(金融/投资/证券)/指望薪水(能够和hr打电话时候谈，可是要是面试的是初级/中级的话，这个不建议写在简历里面 ,由于面试本身的人并不定是本身的直接上司,也多是将来同级的同事,直接说明可能会引发误解, 建议写成面谈)。

• 工做经验: 以时间倒序来写工做内容，包括 工做时间，工做描述，主要业绩。

• 项目经验：包括项目描述，职责描述。

• 教育背景: 以倒序排列。

• 社交主页: github/博客。

大概包括哪些东西设计好了，下来就是来设计整个简历了。

## 姓名

## 职位
邮箱/手机号/工做年限和职位

### 个人技能
数据库/开发语言/测试工具/测试类型

### 求职意向
到岗时间/指望薪水/行业/目标技能

### 工做经验
公司/工做时间/工做描述/主要业绩

### 项目经验
项目描述/职责描述

### 教育背景
大学/专业

### 社交主页
github/博客

---

2. 使用纯文字填充简历"

写出来之后, 虽然看起来简洁, 可是这要是打印成html的话, 是这样的, 是纯文字, 仍是缺少一点美感;

---

3. 预留空格

这一步须要预估一下本身须要的对齐方式, 为图标留出来的空间，在markdown预留出来空格还有图标的位置。

备注: 这一步很是重要, 由于这个时候不改的话, 等在html时候改会变得很是麻烦, html可读性也没有markdown可读性好, 并且markdown文件就和html文件失去了衔接。。这一步我是用的vscode的preview markdown功能, 一步一步的改，这个阶段完成之后是长这样

---

4. 文章垂直方向的调整

4.1 调整字体

使用vscode的插件，导出为html, 用markdown继续打开html文件，将字体切换为 ‘微软雅黑’。

body {
    font-family: "微软雅黑", Helvetica, "微软雅黑", Arial, sans-serif;
    font-size: 16.5px;
    line-height: 1.6;
}

4.2 调整边距

下来咱们在浏览器中打开这个html文件，Ctrl + P 打印。这时候咱们发现, 要是用默认设置的话，咱们写的简历有可能并非恰好填满整个页面的，要是截至是在页面中间，那就比较不美观。
个人作法是 1设置字体大小 2设置字体行间距 3调整打印的页面边距，尽量的将简历填满整个页面。
字体大小和行间距的话，仍是在body的css里面调整。

body {
    font-family: "微软雅黑", Helvetica, "微软雅黑", Arial, sans-serif;
    font-size: 16.5px;
    line-height: 1.6;
}

页面边距是在浏览器中调整，尽可能让简历充满整个页面, 咱们能够自定义页面边距。

---

5. 阶段5 - 居中对齐

5.1 居中

好比我但愿最后一行代码居中。

<p>@2019 Made by Cheng Hang</p>

我是这样作的，先给他加上class属性，再用css设置文本居中。

<p class="bottom">@2019 Made by Cheng Hang</p>

.bottom {
        text-align: center;
    }

5.2 右对齐

我但愿时间部分右对齐，不要用空格。好比这行代码

<p>上海xxxx有限公司    2017年7月 - 至今</p>

我是这样作的, 1把p标签改成span标签, 这样虽然他们变成了两个标签可是仍是在一行。

<span>上海xxxx有限公司</span> <span class="time">2017.07 - 至今</span>

再调整css, 让第二个span标签右对齐。

.time { 
display:block; 
float: right; 
margin-right: 150px;
}

---

6. 阶段6 - 加图标

我是用的font-awesome，官方网址在这里

1. 下载好font-awesome到当前文件夹;
2. 引入css文件;

<link href="./font-awesome-4.7.0/css/font-awesome.min.css"  rel="stylesheet" type="text/css">

1. 把占位的字符换成想要的图标代码, 大功告成。

<i class="fa fa-envelope"></i>

写完之后的简历就是像这样。

ps: 对于hr来讲，一份简历最最最重要的信息就是三个，1姓名，2联系方式，3申请投递的职位，因此命名简历的时候最好是以这三个信息来命名简历。

---

本文但愿对您有所帮助，如何问题可联系个人我的微信