如何制作一个 MarkDown 简历

如何制作一个 MarkDown 简历

---

1. 本文的缘由

MarkDown 非常适合用来写技术类简历，但不适合直接投递，需要转成PDF格式。所以，大部分的 MarkDown 简历编辑工具就是针对 Markdown 如何输出样式美观的 PDF 来作出努力。利用作业部落的 Cmd Markdown，我已能编辑并输出一份格式优美的 PDF 简历。

然而，我并不能满足于此，我还要在 MarkDown 中添加头像，时间右对齐，使我的简历更完整和美观。

2. 主体内容编辑

简历的主体内容，可以参照 冷熊简历。
更具体的职位投递模板，可参照 geekcompany/ResumeSample · GitHub

3. 添加头像

这里用到了 MarkDown 能够内嵌 HTML 的特性。
在 MarkDown 简历开头加入下述 HTML 代码，即可添加相应的头像。

<div style="float:right">
    <img src="your image link" width="200">
div>

注意：Cmd Markdown 若是引用了外部的图片，输出为 PDF 时，会丢失图片，问题已反馈。
解决办法：先将图片上传到 Cmd Markdown，然后引用内部图片，即可解决。

效果如下：

但是，若换个蓝底的头像，效果却是这样的：

是不是感觉头像偏上了？对，这就是“底色问题”了。

PDF 默认白底输出，第一个头像是白底，只突显了关于人的内容。第二个头像是蓝底，将整个边框突显出来了，所以整个图像感觉上移了。

解决办法：调整一下代码，将加入图片的 HTML 代码放置到第二行。
注意：这样放置，会使得第一行 MarkDown 语法失效，干脆第一行的标题也用 HTML 来描述好了

<h1>联系方式h1>
<div style="float:right">
    <img src="your image link" width="200">
div>

改动后，效果如下：

感觉是不是更自然些

4. 时间右对齐

先看效果图：

实现这个效果有两个做法哈。
法一：
MarkDown 能滤除多余的空格、制表符，使得竖直方向的对齐成为一个难题。
但 全角空格 却是这样一个例外，利用它你可以轻松实现右对齐。
只不过因为最终要输出 PDF，所以你必须多次输出 PDF 才能得到真正想要的效果。

法二：
还是 HTML（/笑哭）

<h3 style="float:left;">ABC项目h3>
<h3 style="float:right;">2017年01月h3>
<br><br><br>

这样，也可以轻松实现时间的右对齐的效果。

5. 导出 PDF

最后一步了，导出为 PDF 就可以看到完整的效果了。

我这里使用的是 Cmd MardDown，唯有会员才能导出为 PDF。
免费党可以使用其他 MarkDown 编辑工具。
这里，我推荐 MaHua，可以导出为 HTML，还可以自定 CSS。
导出 HTML后，用浏览器导出 PDF 即可。
MaHua 默认 CSS 的 PDF 效果如下：

效果还不错嘛！对效果不满意，可以自定义 CSS哈。