教大家一个用html5写简历的方法

2019-02-18 20:39:26 / 打印

这篇文章我之前发过,但是由于git图透露了太多内容,被你们知道得太多了[/偷笑],所以之前发的那篇被我删除了。现在看了下之前那次推送阅读量挺多的,说明很多朋友并没有试过这种用html标签写简历的方式,现在重新分享出来。现在找工作的朋友也挺多的,希望能帮助到大家写出一个简约而又不失美观的简历。(我最近工作上一直在跟多线程打交道,想写些文章,但是想不出好的例子。)

用html5写简历

我一直都是用135编辑器写技术文章,所以无意间冒出了这样一个想法,就是使用135编辑器写简历,然后将简历保存为pdf打印,但是我尝试了很多方法没都没法将html页面很好的转为pdf文档。使用浏览器将页面截图再转为pdf,打印效果预览是整个简历只占一张A4纸的左边1/3多点,这样能用吗?本来想放弃的时候,就病急乱投医,结果在页面右键发现有个打印按钮就点进去看了看,没想到的是,就这样让我发现了谷歌浏览器竟然可以直接将html页面直接保存为pdf文件。下面就用几张gif图片演示一下过程,请忽略掉图中的简历内容,只是随便写来做例子的。

去掉不需要的内容

首先就是删除一些页面上与简历无关的标签信息。如果简历太长还是修改一下为好,打印出来的简历最好不要超过两页。需要注意的是,用写公众号推文的方式写简历,页面美观但是一页所能呈现的内容不多,所以简历尽量简短捉重点写。

继续去掉与简历无关的页面内容,这里都是使用自动选择标签功能,删除不需要的标签。我之前还看到过有前辈写过一篇文章是直接用Markdown来写简历的,但是我觉得Markdown呈现的内容太过于简单,感兴趣你也可以试试,想贴个链接给大家看看,却找不出来了。

将html保存为pdf文件

首先你需要下载一个谷歌浏览器(没有的话)。

然后打开简历页面,在页面右键选择打印,在弹出的打印窗口中左侧的有个更多设置按钮,点击会看到可以设置纸张方向、是否添加页眉、是否保留一些背景图片,具体是什么功能你自己试试就知道了。

打印页面可以预览到最终效果,发现不满意的可以继续调整,直到满意再导出为pdf文件就可以了。导出的pdf效果100%还原。

最后给大家看下打印后的效果。

例子中第二页底部有一块多余的恢色框,这是因为我没有清理掉多余的空白p标签导致的。

本篇其实只是介绍一个将html页面导出为pdf文件的方法,却硬扯了一堆。我之前的简历就是这么写的,打印出来效果还行,实话说,我word用的很菜,除非找模版套,否则我用word弄不出好看的简历。