配置式的 fullpage 简历

栏目: 编程工具 · 发布时间: 6年前

内容简介:用 fullpage 做的一款配置式的网页版简历,不用写代码,改配置即可预览:DEMO项目使用的是 gulp + browsersync + ejs,修改 ejs, scss, _config.yml 都会自动刷新页面。

用 fullpage 做的一款配置式的网页版简历,不用写代码,改配置即可 改一下,玩一年,装备不花一分钱

预览:DEMO

使用

  1. npm i
  2. 修改 _config.yml 中的个人信息
  3. npm run build
  4. 静态页面已经打包在 dist 中
  5. 将静态页面放在 GitHub 上作展示等等

开发

  1. npm i
  2. npm run dev

项目使用的是 gulp + browsersync + ejs,修改 ejs, scss, _config.yml 都会自动刷新页面。

配置

以下是 DEMO 中的配置。

  • 目前就是这些内容,yml 中列表的部分可以随意继续添加。
  • 用文字表示的字段如果需要链接,可以使用 markdown 语法 []() 添加链接,在页面中会自动转换为 <a> 链接。
  • social 目前里只有这些链接,不填写就不会也页面中显示,如果需要新的链接可以发 Issue。
  • 如果有任何使用问题欢迎发 Issue。
# overall
title: fi3ework's resume

# page 1
name: Wee
nickname: fi3ework
introduce: 前端工程师
social:
  github: //github.com/fi3ework 
  wechat: assets/wechat.JPG
  email: 805843200@qq.com
  juejin: //juejin.im/user/56417d1e00b0bf378b7297ea
  tele: 185xxxxoooo
pdf_name: '[WEIWEI_RESUME.pdf](assets/resume.pdf)'

# page 2
education:
  title: 教育背景
  stages:
    - 
      time: 2014.09 - 2017.03
      university: 北京理工大学
      major: 仪器科学与技术
    - 
      time: 2010.09 - 2014.06
      university: 北京理工大学
      major: 测控技术与仪器

# page 3
work_experience:
  title: 工作经历
  stages: 
    - 
      company: :no_mouth::neutral_face::expressionless:公司
      job_title: 图像算法工程师
      time: 2017.3 - 至今
      tech_stack:
        - C++
        - OpenCV
      description:
        - 写BUG
        - 修BUG

# page 4
open_source:
  title: 开源作品
  works:
    - 
      name: hexo-theme-archer
      abstract: 一款简洁精致的 hexo 主题
      link: https://github.com/fi3ework/hexo-theme-archer
      tech_stack: gulp sass 
      description: 
        - Lorem ipsum dolor sit amet, offendit referrentur ad vix, his id lucilius partiendo. 
        - In populo aperiri eum, eam te suas consul scaevola, eam ut mollis partiendo definitionem. 
    - 
      name: douban-movie-react
      abstract: 基于 React 的超高仿豆瓣电影
      link: https://github.com/fi3ework/douban-movie-react
      tech_stack: react redux react-router antd
      description: 
        - Pro accumsan oportere eu, dicta eruditi dissentiet eu quo. Pri id postea aperiri eloquentiam. 
        - Quem salutatus an ius, id erat aliquid per. Ullum copiosae comprehensam ne pri, id libris alienum pro.

# page 5
tech_stack:
  title: 专业技能
  techs:
    - HTML5
    - CSS3
    - ES5/6
    - Gulp
    - Git
    - 前端工程化
    - 性能优化

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

打火机与公主裙·荒草园

打火机与公主裙·荒草园

Twentine / 青岛出版社 / 2017-3 / 36.00元

“如果人临死前真有走马灯这个环节,她大概会是我这辈子见的最后一人。” 从青涩的校园时代里一抹明亮的金,到厮杀的职场中那化不开的黑,李峋就像荒芜之地的一株野草,受到再大的挫折依然固执地生长。 如果说朱韵从前的生活一直维持着表面的顺风顺水,平静安和,那李峋的出现则打破了这一切。他是她生命中第一次,也是唯一一次的冒险。 在外人眼里李峋嚣张而轻蔑,只有朱韵懂得他心中那片自留地,自愿成为孤......一起来看看 《打火机与公主裙·荒草园》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具