先放上倉庫地址 REPO
用 fullpage 做的一款配置式的網頁版簡歷,不用寫程式碼,改配置即可 改一下,玩一年,裝備不花一分錢。
預覽:DEMO
使用
- npm i
- 修改 _config.yml 中的個人資訊
- npm run build
- 靜態頁面已經打包在 dist 中
- 將靜態頁面放在 GitHub 上作展示等等
開發
- npm i
- 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: ???公司
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 ,感謝 ?