使用 Vue + Markdown 完成的一个在线 Markdown 简历项目——1024 RESUME

<section data&#45;tool="mdnice编辑器" data&#45;website="https&#58;&#47;&#47;www&#46;mdnice&#46;com" id="nice" style="font&#45;size&#58; 16px&#59; color&#58; black&#59; padding&#58; 0 10px&#59; line&#45;height&#58; 1&#46;6&#59; word&#45;spacing&#58; 0px&#59; letter&#45;spacing&#58; 0px&#59; word&#45;break&#58; break&#45;word&#59; word&#45;wrap&#58; break&#45;word&#59; text&#45;align&#58; left&#59; font&#45;family&#58; Optima&#45;Regular&#44; Optima&#44; PingFangSC&#45;light&#44; PingFangTC&#45;light&#44; &#39;PingFang SC&#39;&#44; Cambria&#44; Cochin&#44; Georgia&#44; Times&#44; &#39;Times New Roman&#39;&#44; serif&#59; margin&#45;top&#58; &#45;10px&#59;">

名称：1024 RESUME

地址：resume.1024.cool

Github: github.com/1024-cool/m…

背景

Jack Wang 要开始新的求职生涯哟。求职大概几件事情得做。

1. <section style="margin&#45;top&#58; 5px&#59; margin&#45;bottom&#58; 5px&#59; line&#45;height&#58; 26px&#59; text&#45;align&#58; left&#59; color&#58; rgb&#40;1&#44;1&#44;1&#41;&#59; font&#45;weight&#58; 500&#59;"> 简历 </section>
2. <section style="margin&#45;top&#58; 5px&#59; margin&#45;bottom&#58; 5px&#59; line&#45;height&#58; 26px&#59; text&#45;align&#58; left&#59; color&#58; rgb&#40;1&#44;1&#44;1&#41;&#59; font&#45;weight&#58; 500&#59;"> 面试 </section>
3. <section style="margin&#45;top&#58; 5px&#59; margin&#45;bottom&#58; 5px&#59; line&#45;height&#58; 26px&#59; text&#45;align&#58; left&#59; color&#58; rgb&#40;1&#44;1&#44;1&#41;&#59; font&#45;weight&#58; 500&#59;"> 合同 </section>

但是市面上符合程序员的求职简历模板真的太少了。我就没找到啊。 功夫不负有心人。找到了一个哟。

冷熊简历 cv.ftqq.com

前辈做的真不错。索性，我照抄一个项目。代码都是我写的，前辈是 React，我就搞一个 Vue。说干就干！

预览

技术栈

• <section style="margin&#45;top&#58; 5px&#59; margin&#45;bottom&#58; 5px&#59; line&#45;height&#58; 26px&#59; text&#45;align&#58; left&#59; color&#58; rgb&#40;1&#44;1&#44;1&#41;&#59; font&#45;weight&#58; 500&#59;"> Vue </section>
• <section style="margin&#45;top&#58; 5px&#59; margin&#45;bottom&#58; 5px&#59; line&#45;height&#58; 26px&#59; text&#45;align&#58; left&#59; color&#58; rgb&#40;1&#44;1&#44;1&#41;&#59; font&#45;weight&#58; 500&#59;"> Vue eventsBus </section>
• <section style="margin&#45;top&#58; 5px&#59; margin&#45;bottom&#58; 5px&#59; line&#45;height&#58; 26px&#59; text&#45;align&#58; left&#59; color&#58; rgb&#40;1&#44;1&#44;1&#41;&#59; font&#45;weight&#58; 500&#59;"> vue-editor </section>
• <section style="margin&#45;top&#58; 5px&#59; margin&#45;bottom&#58; 5px&#59; line&#45;height&#58; 26px&#59; text&#45;align&#58; left&#59; color&#58; rgb&#40;1&#44;1&#44;1&#41;&#59; font&#45;weight&#58; 500&#59;"> localStorage </section>
• <section style="margin&#45;top&#58; 5px&#59; margin&#45;bottom&#58; 5px&#59; line&#45;height&#58; 26px&#59; text&#45;align&#58; left&#59; color&#58; rgb&#40;1&#44;1&#44;1&#41;&#59; font&#45;weight&#58; 500&#59;"> Node </section>
• <section style="margin&#45;top&#58; 5px&#59; margin&#45;bottom&#58; 5px&#59; line&#45;height&#58; 26px&#59; text&#45;align&#58; left&#59; color&#58; rgb&#40;1&#44;1&#44;1&#41;&#59; font&#45;weight&#58; 500&#59;"> Express </section>

剩余任务

• <section style="margin&#45;top&#58; 5px&#59; margin&#45;bottom&#58; 5px&#59; line&#45;height&#58; 26px&#59; text&#45;align&#58; left&#59; color&#58; rgb&#40;1&#44;1&#44;1&#41;&#59; font&#45;weight&#58; 500&#59;"> Markdown or HTML To PDF </section>
• <section style="margin&#45;top&#58; 5px&#59; margin&#45;bottom&#58; 5px&#59; line&#45;height&#58; 26px&#59; text&#45;align&#58; left&#59; color&#58; rgb&#40;1&#44;1&#44;1&#41;&#59; font&#45;weight&#58; 500&#59;"> PDF 下载 </section>
• <section style="margin&#45;top&#58; 5px&#59; margin&#45;bottom&#58; 5px&#59; line&#45;height&#58; 26px&#59; text&#45;align&#58; left&#59; color&#58; rgb&#40;1&#44;1&#44;1&#41;&#59; font&#45;weight&#58; 500&#59;"> 配色修改 </section>

欢迎大家 PR 哟。觉得不错的话，给一个 Star 吧。

本文使用 mdnice 排版

</section>