配置式的 fullpage 簡歷

先放上倉庫地址 REPO

用 fullpage 作的一款配置式的網頁版簡歷,不用寫代碼,改配置便可 改一下,玩一年,裝備不花一分錢css

預覽: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 都會自動刷新頁面。react

配置

如下是 DEMO 中的配置。ios

  • 目前就是這些內容,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: 😶😐😑公司
 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
 - 前端工程化
 - 性能優化
複製代碼

致謝

模板的簡歷修改自 simonwoo/cv ,感謝 😀git

相關文章
相關標籤/搜索