欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

如何制作一个 MarkDown 简历

程序员文章站 2022-04-19 11:14:03
...

如何制作一个 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,然后引用内部图片,即可解决。

效果如下:
如何制作一个 MarkDown 简历

但是,若换个蓝底的头像,效果却是这样的:

如何制作一个 MarkDown 简历

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

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

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

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

改动后,效果如下:

如何制作一个 MarkDown 简历

感觉是不是更自然些

4. 时间右对齐

先看效果图:

如何制作一个 MarkDown 简历

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

法二:
还是 HTML(/笑哭)

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

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

5. 导出 PDF

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

如何制作一个 MarkDown 简历

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

如何制作一个 MarkDown 简历

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

相关标签: markdown