Skip to content

Latest commit

 

History

History
51 lines (40 loc) · 2.53 KB

README.md

File metadata and controls

51 lines (40 loc) · 2.53 KB

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

在线访问:funlee's resume

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

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

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

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

虽然现在(2017年度)有了 webpack ,这个更好的模块化解决方案,但那又怎样呢?

主要功能

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

技术栈

安装

首先确保电脑上安装 Node.jsGit

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版本