前言

大家都晓得金三银四是招聘的节令，各大互联网公司都开始了春招。最近有很多人来找我帮忙看简历，简历的模板堪称参差不齐，有过分炫酷，还有一些敌人间接把 word 丢了过去，排版就显得比拟乱。

一番调研后，大家还是大多数应用简历最罕用的形式还是 word、其次是 Markdown。

作为互联网的一名打工人，Markdown 能够说在平时的写文档罕用的形式。心想，我是否设计一个在线站点通过抒写 Markdown，并且可能赋予 Markdown 多样化的主题。

做货色总是要站在伟人的肩膀上，网上搜到比拟好的 Markdown 简历编辑器就是<冷熊简历>了，然而他的模板比拟繁多，并且貌似保护力度比拟个别了。还调研了我平时基于写文章的排版工具<mdnice>，能够说用一份简洁的Markdown 来实现不同的排版会让整个流程变得更加简略。

并且我去市场上调研了一些罕用的计划

木及简历冷熊简历markdown-resumeWord五百丁/超级简历
付费收费收费开源付费激活付费导出
是否开源是否开源否否
编辑形式MarkdownMarkdown网格化+Markdownword网格化
容易度⭐⭐️⭐️⭐️⭐️⭐⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️
导出pdf反对反对较差反对较差反对反对
模板多样化繁多多样化多样化多样化
自定义模板行将推出不反对不反对反对不反对

总结一下，现阶段简历编辑具备以下取舍:

  • 简略的模板，排版不难看
  • 简单的模板，难看然而十分花工夫

基于以上背景，所以我开发了 木及简历 。只须要通过纯 Markdown ，就能用很简略的形式制作出难看的简历。

在线地址: https://resume.mdedit.online/

在线地址: https://resume.mdedit.online/

在线地址: https://resume.mdedit.online/

重要的事件说三次！

概览

根底形式

上面就让大家观赏一下这个利用到底有多不便！如果咱们有以下这么个 Markdown 简历文件。

# 秋风 - 前端工程师博客: [https://qiufeng.blue](https://qiufeng.blue)Gihtub: [https://github.com/hua1995116](https://github.com/hua1995116)掘金: [https://juejin.cn/user/923245497557111](https://juejin.cn/user/923245497557111) 邮箱: [qiufenghyf@163.com](mailto:qiufenghyf@163.com)微信: qiufengblue## 介绍于2015年开始接触前端，喜爱编码，有Geek精力，对代码有洁癖，喜爱接触前沿技术，爱折腾。取得省、国家级比赛奖项xx项，(蕴含浙江省大学生多媒体比赛一等奖xx项)。  主持参加省、国家级我的项目xx项；发表论文xx篇，其中xx篇EI索引。## 工作### xxxx打工中..### xxxx前端架构组- 前端谬误监控零碎(基建)(负责人) 接入量pv:3000w  - web端js-sdk开发,无侵入式接入,压缩后仅2kb。  - 收集端Node开发,分布式存储日志。  - 阿里云日志服务剖析,以及罕用的数据分析。  - echart搭建可视化平台。- 前端性能监控零碎(负责人) 接入pv: 1000w  - web端js-sdk开发,反对自定义上报以及主动上报,无侵入式。  - 收集端Node开发,Elasticsearch集群存储日志。  - Elasticsearch的Node模块开发，封装按工夫维度的查问聚合模块。  - 可视化平台,利用redis缓存优化查问,淘汰算法独特合作。- 落地页截图(Node我的项目)  - 利用puppeteer开发截图。  - 利用clustor多线程开发,速度从原来60分钟进步至8分钟，进步约7倍（300张截图）。  - 开发自定义队列模式,防止Node端失落申请。- webpack插件(webpack-plugin-inner-script)地址  - 主动将外链模式改写成内敛模式。## 技能### Web根底- 熟练掌握HTML5/CSS3,响应式布局和挪动端开发- 理解ES6/ES7,Webpack- 有Antd Design,Element UI,Muse UI搭建我的项目教训- 理解Hybrid开发以及Electron桌面开发,liunx服务器搭建教训,Nginx配置- Mac开发用户，相熟Git进行团队合作，对PS有肯定根底

基于以上Markdown 便能疾速生成以下的模板款式，并且可能导出 Markdown + pdf。

然而须要留神的是，因为模板的限度，须要大家写出标准的题目层级。

倡议在写简历过程中，应用一级题目来写在结尾，罕用来形容整体的宗旨与题目，罕用的就是，求职者的姓名 + 求职岗位的模式

例如:

\# 秋风 - 前端工程师

这样不仅能能让面试官一眼就看到你这份简历的用处，因为在理论过程中，有很多同学没有很好地注明投递的方向，很容易造成投递方向谬误。

在写内容过程中，倡议应用二级题目来写。

例如:

\## 教育背景

\## 工作教训

\## 我的项目教训

\## 根底技能

丰盛的模板

本我的项目提供了默认的4种形式供大家来进行抉择，后续也会推出更多的模板。

主题色更换

不仅咱们能更换模板，当含有可换色的模板中，还能够更换模板整体的主题色。

<img src="https://s3.qiufengh.com/blog/image-20210315000636862.png" width="300">

更换一下主题色是不是也是十分难看呢？

左右构造

为了可能冲破传统 Markdown 的纵向的布局形式，引入了自定义容器，该计划的灵感来源于 vuepress。

<img src="https://s3.qiufengh.com/blog/image-20210314235147407.png" alt="image-20210314235147407" style="zoom: 25%;" />

在咱们的编辑器中，应用左右容器对，就能轻松实现左右布局的形式。

:::leftxxxx::::::rightxxx:::

丰盛的icon

目前反对了一些图标的快捷写法，帮忙大家可能，可能帮忙大家放上难看 icon，来丑化本人的简历。

[icon:blog https://qiufeng.blue](https://qiufeng.blue)[icon:github https://github.com/hua1995116](https://github.com/hua1995116)[icon:juejin 掘金](https://juejin.cn/user/923245497557111) [icon:email qiufenghyf@163.com](mailto:qiufenghyf@163.com)icon:weixin qiufengblue

自定义html

插入图片

本我的项目中开启了对 html 的解析，因而咱们也能够应用像gihtub-readme-stats这类服务，给咱们文档插入一张图片。

# 秋风 - 前端工程师::: left<img style="display:block; margin: 0 0 0 30px" src="https://github-readme-stats.vercel.app/api?username=hua1995116&show_icons=true&icon_color=79ff97&text_color=fff&bg_color=39393a&hide_title=false&title_color=fff&disable_animations=true&hide_border=true">:::::: right[icon:blog https://qiufeng.blue](https://qiufeng.blue)[icon:github https://github.com/hua1995116](https://github.com/hua1995116)[icon:juejin 掘金](https://juejin.cn/user/923245497557111) [icon:email qiufenghyf@163.com](mailto:qiufenghyf@163.com)icon:weixin qiufengblue:::

你也能够把这张图片放到任意你喜爱的地位。

自定义标签

也能够退出自定义的一些标签款式，让 Markdown 的编写变得更加自在~ ，例如实现自定义款式的 Tag

<span style="background: #ddd; padding: 5px">前端</span>

导出形式

反对 md 导入导出，同时也反对 pdf 的导出形式。后端采纳了 puppeteer 的形式，能最大限度地还原出 html 的展示形式。绝对传统的前端导出图片式 pdf 具备以下长处：

  • 文字可能复制、链接可能点击
  • 分页更加敌对
  • 内容更加清晰

原理实现

前端应用了codemirror作为编辑器， markdown-it 进行 Markdown 的渲染。

后端采纳了 serverless + puppeteer 的形式，按量计费，惟一的毛病就是会有函数销毁的状况（最低1实例存活，待钻研配置），导致导出的时候，如果实例销毁了，会有肯定概率会导出失败，如果失败状况倡议多尝试一次。（此问题会尽快解决）

后续布局

  • 反对A4纸上的预览模式
  • 云端存储与同步
  • 分享合作批改简历
  • 在线查看简历（兼容挪动端）
  • 裁减官网模板（4个）
  • 可能自定义减少模板（用户可能奉献模板）
  • 模板广场（每个人能分享本人DIY的模板至广场）

写在结尾

最初非常感谢女朋友@楠溪一起参加我的项目的建设，全权编写了后端的所有接口。

开源地址：https://github.com/hua1995116...

这个我的项目是年老，还有很多问题，心愿大家多多提出贵重的意见。

也欢送大家给个⭐️给予反对和激励。

心愿这个我的项目可能帮忙到金三银四找工作的各位(不找的也能够珍藏当前应用。❤️

结语

❤️关注+点赞+珍藏+评论+转发❤️ ，原创不易，激励笔者创作更好的文章

关注公众号秋风的笔记，一个专一于前端面试、工程化、开源的前端公众号