嘗試記錄一下我的簡(jiǎn)歷制作過(guò)程
特別感謝張秋怡大神分享的簡(jiǎn)歷模板攒盈,對(duì)于審美設(shè)計(jì)較差的理工科男生們來(lái)說(shuō)肤无,真是一個(gè)福音烹骨。
簡(jiǎn)歷的build過(guò)程
首先來(lái)看joyeecheung/resume/README 中的build部分:
- Run
npm install
to install the dependencies.- Fill your resume data in
resume.json
.- Run
gulp build
to generate the static web page(dist/index.html).- Run
gulp server
and visit http://localhost:8000 if you want to see it hosted locally(make sure the port 8000 is not taken).<
對(duì)于沒(méi)有接觸過(guò)nodejs的同學(xué)來(lái)說(shuō)万栅,看到這個(gè)build過(guò)程可能一臉蒙蔽未斑,沒(méi)關(guān)系溃卡,戳這里開(kāi)始nodejs之旅溢豆,要注意選擇適合你的操作系統(tǒng),下載對(duì)應(yīng)的nodejs版本.
nodejs還有一個(gè)中文官方網(wǎng)塑煎,不過(guò)那里的nodejs會(huì)落后一到兩個(gè)版本沫换,不建議使用.
Windows搭建nodejs環(huán)境
- windows平臺(tái)大家都很熟悉(ps:雖然Nodejs在win平臺(tái)并不好用),下載好后點(diǎn)擊安裝最铁,選好安裝位置即可讯赏;
- 安裝完成后,我們要用到的工具:Node.js command prompt.
- 打開(kāi)nodejs命令行工具后冷尉,輸入
node -v
漱挎,npm -v
,如果正確顯示版本號(hào)雀哨,說(shuō)明安裝成功:
Nodejs安裝gulp插件
- npm為nodejs插件包管理器磕谅,使用npm可以安裝管理卸載插件包,由于npm的服務(wù)器在海外雾棺,網(wǎng)速不穩(wěn)定的原因膊夹,下載插件包的時(shí)候速度會(huì)非常慢,還好我們可以使用國(guó)內(nèi)的鏡像網(wǎng)站來(lái)解決這個(gè)問(wèn)題:
輸入命令捌浩,修改npm的registry配置:
npm config set registry https://registry.npm.taobao.org
這樣可以修改npm的下載路徑放刨,已經(jīng)轉(zhuǎn)移到國(guó)內(nèi)淘寶團(tuán)隊(duì)提供的cnpm上了. - 然后我們需要安裝gulp插件,輸入命令
npm install gulp -g
尸饺,等待安裝完成即可.
-g代表了npm將全局安裝gulp进统,我們?cè)谌我馕募A目錄下,都可以輸入gulp -v
查詢(xún)到gulp的版本號(hào). - 工程中使用gulp的話(huà)浪听,還需要再次安裝gulp到本地項(xiàng)目文件夾內(nèi)螟碎,首先定位到工程文件夾內(nèi),然后輸入gulp本地安裝命令
npm install gulp --save-dev
.安裝完成后輸入gulp -v
查看版本情況迹栓,顯示如圖掉分,第一個(gè)版本是全局安裝情況,第二個(gè)Local版本是本地安裝情況:
配置使用gulp工作流
- 打開(kāi)clone下來(lái)的resume-master文件夾,package.json文件內(nèi)包含了我們需要安裝的其他組件酥郭,在此工程文件夾根目錄下運(yùn)行命令
npm install
尔崔,即可下載package.json內(nèi)dependencies所列出的所有組件. - 下載安裝完成所有組件之后,編輯器打開(kāi)resume.json褥民,修改為自己的簡(jiǎn)歷內(nèi)容,要格外注意json格式問(wèn)題.
- 根目錄下運(yùn)行命令
gulp build
洗搂,即可在根目錄下生成文件夾dist消返,內(nèi)含生成的簡(jiǎn)歷HTML文件,如果此步有錯(cuò)誤提示耘拇,可根據(jù)nodejs內(nèi)的提示撵颊,解決對(duì)應(yīng)的問(wèn)題.
其他需要注意的事情
- 簡(jiǎn)歷的HTML版本并不適合打印PDF,需要適當(dāng)刪減其中內(nèi)容才能適合A4紙大小.
- 有些格式需要微調(diào)惫叛,可以通過(guò)打開(kāi).html和.css文件來(lái)修改成你想要的格式.