Giter Site home page Giter Site logo

resume-it's Introduction

Resume-it

一个灵活的数据模板分离的在线简历生成器。 效果:https://xiao555.github.io/Resume/ 如果喜欢的话请给个star ^_^

Node version v7.7.0

风格参考

FOSSA Status

@DIYgod

Configuration

使用默认模板

这个默认模板是参考@DIYgod 的,如果直接用的话只需要修改 data.yaml 里的数据即可。

  1. YAML语法可以参考这里
  2. 如果需要用到Markdowm语法,请在字段开头加上 !!md ,相应的前端模板要渲染md的话请加上safe过滤:{{ example | safe}}

使用自定义模板

1. HTML

html部分在template/index.html,这一部分是页面body的内容,采用Nunjucks模板引擎,如果需要修改head,请前往template/base.html.

注:写模板的时候请在必要的地方用一下判断,有的地方可能没有数据。

2. CSS

css部分在src/styles/stylus, 默认用stylus写。

注:

  1. 已经加载了font-awesome,可以直接用
  2. 加载了autoprefixer插件自动补全前缀

3. 其他文件

注:现在改用gulp打包了,如果要添加其他文件的话需要写一下配置文件gulpfile.js, 暂时没有提供打包其他文件的task

Usage

安装依赖

npm i

Dev

npm start

自动打开浏览器访问:http://localhost:3000/。 Browsersync 带热重载功能。

打印版: 首页最下面有个打印版链接 或者 访问 http://localhost:3000/print.html,直接打印即可,注意勾选背景图片

Public

请先在public.js 里配好repo地址,然后:

npm run public

会提交到master分支和gh-pages分支 浏览:https://yourname.github.io/reponame/ 即可,print版访问:https://yourname.github.io/reponame/print.html

TODO

  1. 数据内容直接在页面上修改
  2. 多模板
  3. 命令行接口
  4. 在线编辑+发布+导出

更新日志

2017.6.18 调整结构,采用 Gulp 打包,public 用 simple-git, 不用shell脚本了

LICENSE

MIT

FOSSA Status

resume-it's People

Contributors

fossabot avatar kiuber avatar xiao555 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

resume-it's Issues

学长,你好,在使用中发现了如下问题

1.学长使用的是Mac系统,所以在配置package.json中的npm scripts的时候,build命令只配置了Mac系统的,建议学长添加配置Windows系统下的命令:‘set NODE_ENV=production gulp’,并在README文档中说明

2.学长的npm scripts中的public命令稍有问题,直接运行会报错,其中rimraf dist会将gulp生成的dist文件直接删除,造成的后果就是Cannot use simple-git on a directory that does not exist.即simple-git无法找到dist文件夹,解决方法一,不使用rimraf dist,让使用者每次手动删除dist文件,再用gulp命令生成新的dist文件,解决方法二,使用其他能刷新dist文件的方法或更改npm scrips顺序

3.在线简历在移动端,尤其在手机上禁用了用户缩放,导致浏览效果较差,望学长可以改进

4.最后非常感谢学长制作这个简历生成器,非常好用,帮了我很大的忙,希望学长工作愉快,希望我能早日像学长这么优秀!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.