前言
大家都晓得金三银四是招聘的节令,各大互联网公司都开始了春招。最近有很多人来找我帮忙看简历,简历的模板堪称参差不齐,有过分炫酷,还有一些敌人间接把 word 丢了过去,排版就显得比拟乱。
一番调研后,大家还是大多数应用简历最罕用的形式还是 word、其次是 Markdown。
作为互联网的一名打工人,Markdown 能够说在平时的写文档罕用的形式。心想,我是否设计一个在线站点通过抒写 Markdown,并且可能赋予 Markdown 多样化的主题。
做货色总是要站在伟人的肩膀上,网上搜到比拟好的 Markdown 简历编辑器就是 < 冷熊简历 > 了,然而他的模板比拟繁多,并且貌似保护力度比拟个别了。还调研了我平时基于写文章的排版工具 <mdnice>,能够说用一份简洁的 Markdown 来实现不同的排版会让整个流程变得更加简略。
并且我去市场上调研了一些罕用的计划
木及简历 | 冷熊简历 | markdown-resume | Word | 五百丁 / 超级简历 | |
---|---|---|---|---|---|
付费 | 收费 | 收费 | 开源 | 付费激活 | 付费导出 |
是否开源 | 是 | 否 | 开源 | 否 | 否 |
编辑形式 | Markdown | Markdown | 网格化 +Markdown | word | 网格化 |
容易度 | ⭐⭐️⭐️⭐️⭐️ | ⭐⭐️⭐️⭐️⭐️ | ⭐️⭐️⭐️ | ⭐️ | ⭐️⭐️⭐️ |
导出 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%;” />
在咱们的编辑器中,应用左右容器对,就能轻松实现左右布局的形式。
:::left
xxxx
:::
:::right
xxx
:::
丰盛的 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…
这个我的项目是年老,还有很多问题,心愿大家多多提出贵重的意见。
也欢送大家给个⭐️给予反对和激励。
心愿这个我的项目可能帮忙到 金三银四
找工作的各位(不找的也能够珍藏当前应用。❤️
结语
❤️关注 + 点赞 + 珍藏 + 评论 + 转发❤️ ,原创不易,激励笔者创作更好的文章
关注公众号 秋风的笔记
,一个专一于前端面试、工程化、开源的前端公众号