一套为简历而生的构建方案
前言
马上就要到金三银四了，翻出尘封已久的简历更新更新，发现一个问题，自己的简历都是托管在什么BOSS直聘，拉钩什么的平台，每次更新都得同步来同步去，极为不方便，而且这些简历模板千遍一律，格式固定，无法自己定制，于是乎就有了打造一个个人简历站点的想法，目标是实现以下功能：
- 使用markdown编辑简历
- 将markdown嵌入网页中，同时能够对页面进行定制
- 自动生成pdf文件以供下载
- 一个提供网页服务的web容器
开干
使用markdown编辑简历，将markdown嵌入网页中，同时能够对页面进行定制
这个功能比较容易实现，给webpack添加markdown-loader用于解析md文档，同时再将解析后的html dom节点插入到页面中的指定容器就能实现该需求，大致如下：
// webpack 配置
{test: /\.md$/,use: [{loader: "html-loader"}, {loader: "markdown-loader"}]
}// index.js
import resumeMd from './resume.md'document.getElementById('markdownContainer').innerHTML = resumeMd
复制代码markdown的样式使用的是 github-markdown-css，感觉github的样式比较简洁大方。
自动生成pdf文件以供下载
将markdown转换成pdf，npm上面有很多库，但是没有找到相对应webpack的插件，那么使用起来就存在的一定的不方便。为此，我编写了一个webpack plugin 用于文档转换。
地址：github.com/Richard-Cho…
打包后的markdown文件相对路径是 ./pdf，所以只需要在html页面中添加一个a标签，路径指向这个地址就能进行pdf的下载。
一个提供网页服务的web容器
感觉这样一个简单的静态资源没必要放入服务器单独启动服务，所以姑且托管在github上。github仓库启用gitpage功能就能实现web容器，同时为了方便，将打包后的目录设置为./docs，与gitpage需要的docs目录关联，gitpage进行如下配置就能开启web服务。
这样，每次更新简历后，编译上传到github就能实现在线简历的更新。
一个简单的示例：Richard-Choooou.github.io/auto-resume…
如果有自己的域名，并且解析到了github，那么可以直接使用域名加路径的形式访问 www.zpblogs.com/auto-resume…
最后奉上仓库地址：github.com/Richard-Cho…
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！