resume-auto：DIY 自己的 web 版简历

在线访问：funlee's resume

最近打算换工作了，找工作怎能没有简历呢？作为一名前端程序员，怎能没有一份 web 版的简历呢？，说做就做！

虽然是个小项目，但也五脏俱全，那也得用前端工程化的手法来做啊，既然是个人项目，那为何不用点没有用过的技术栈呢，正所谓实践才是学习的好帮手！

由此我采用了以前没用过的 gulp + browserify 组合：

• gulp：自动化项目构建利器，解决 less 编译、图片压缩、 js 压缩等静态资源的处理
• browserify：构建 js 代码，解决 js 模块化

虽然现在（2017年度）有了 webpack ，这个更好的模块化解决方案，但那又怎样呢？

主要功能

• 页面内容可配置：页面内容全由一个 JSON 文件结合 handlebars 渲染生成
• 页面支持响应式：采用 Bootstrap 响应式布局
• 新功能迭代中...

技术栈

• gulp
• browserify
• handlebars
• less
• Bootstrap

安装

首先确保电脑上安装 Node.js 和 Git

git clone https://github.com/funlee/resume-auto.git
cd resume-auto
npm install
gulp server

然后在浏览器里输入：http://localhost:8080 即可访问

制作自己的简历

如果你喜欢 此简历 的模版，那你用此项目的代码进行 DIY ，进而制作属于自己的简历：

• 进入 data 文件夹，编辑 data 中的内容即可定制属于你的内容
• 如需修改配色、布局等，可自行修改样式文件 resume.less
• 导出图片格式或者 PDF 格式，我的方法是使用 360浏览器 的网页导出为图片功能，然后在 PS 里面编辑（裁剪）图片，进而制作 JPG 格式或者 PDF 格式

change log

20180101 : webpack版本