一凫碌、項(xiàng)目介紹
1.1 背景
????????每年的金三銀四都是人員流動(dòng)最大义锥，找工作最好的時(shí)間段之一。而找工作就不得不需要更新簡歷，想到自己也會(huì)有這么一天妓柜，那么就來一起好好寫一份簡歷吧箱季。期間在網(wǎng)上找了不少寫簡歷的資源，比如輕單-在線簡歷制作收錄了一些在線生成簡歷的網(wǎng)站领虹，有需要的童鞋可以直接拿走，不用再看這節(jié)課啦求豫。
????????怎么可能塌衰！我對(duì)自己寫的簡歷模板有信心，放這個(gè)出來就是要比比看蝠嘉。比比看性價(jià)比最疆，我們這個(gè)模版的價(jià)格是 0，分母是 0 就意味著性價(jià)比無窮大蚤告！
????????寫這個(gè)模版的初衷是希望同一份簡歷既能做頁面展示努酸，也能直接打印出來給我到處投。（請(qǐng)認(rèn)真對(duì)待每一份簡歷杜恰，不要學(xué)習(xí)筆者）获诈。
????????寫這份模版也是站在巨人的肩膀上，參考了前人經(jīng)驗(yàn)的心褐。感謝以下先輩：
? ? ? ??一看 star 數(shù)就知道一定是最牛的簡歷
? ? ? ??freepik 上的好看簡歷
????????我們可以利用 Github 的靜態(tài)頁面托管服務(wù) Github Pages 來幫助我們做頁面展示舔涎。
? ? ? ? 什么是 Github Pages？
? ? ? ? Github Pages 是 Github 的靜態(tài)頁面托管服務(wù)逗爹。它設(shè)計(jì)的初衷是為了用戶能夠直接通過 Github 倉庫來托管用戶個(gè)人亡嫌、組織或是項(xiàng)目的專屬頁面。參考：https://help.github.com/articles/what-is-github-pages/
? ? ? ? 可以說相當(dāng)于一個(gè)可直接用 git 管理內(nèi)容的靜態(tài)服務(wù)器掘而，有許多人會(huì)用它來托管自己的個(gè)人博客（利用 Jekyll挟冠、Pelican 這一類靜態(tài)頁面生成工具）或是在這上面發(fā)布自己的 HTML5 小游戲。當(dāng)然這么好的東西也是有限制的袍睡。
????????Github Pages 的限制：
????????倉庫存儲(chǔ)的所有文件不能超過 1 GB知染。
????????頁面的帶寬限制是低于每月 100 GB 或是每月 100,000 次請(qǐng)求。
????????每小時(shí)最多只能部署 10 個(gè)靜態(tài)網(wǎng)站斑胜。
????????對(duì)于發(fā)布自己的簡歷或是部署自己的博客的這一類需求我想是不用擔(dān)心這些限制的持舆，如果真的不小心超了，Github 那邊不會(huì)采取什么強(qiáng)制措施伪窖，而是會(huì)發(fā)一份郵件提醒你應(yīng)該找一個(gè)更適合你的托管對(duì)象的服務(wù)逸寓。
1.2 預(yù)備知識(shí)
? ? ????需要的預(yù)備知識(shí)：
????????git?的基本使用，如果對(duì)?git?完全陌生覆山，推薦學(xué)習(xí)《Git 實(shí)戰(zhàn)教程》竹伸，僅需了解最基本的操作即可。
1.3 實(shí)驗(yàn)知識(shí)點(diǎn)
????????本課程項(xiàng)目完成過程中，我們將學(xué)習(xí)：在 Github Pages 上部署自己的簡歷勋篓。
1.4 適合人群
????????適合對(duì)于簡歷有要求的同學(xué)吧享，學(xué)習(xí)本課程可以完美的讓你對(duì)簡歷進(jìn)行管理。
1.5 最終效果
????????簡歷頁面展示：
????????保存后的 pdf 版本：
二譬嚣、步驟
????????本次實(shí)驗(yàn)我們從初始化Git庫開始钢颂，編輯簡歷文件，將文件部署在Github Pages上拜银，最后可以將其保存為pdf格式并打印出來殊鞭。下面我們進(jìn)入具體的實(shí)現(xiàn)階段。
????????請(qǐng)盡量按照實(shí)驗(yàn)步驟自己操作尼桶，請(qǐng)確認(rèn)文件保存在目錄：“/home/shiyanlou/Code” 下操灿。
2.1 初始化git庫
????????打開終端，進(jìn)入?Code?目錄泵督，創(chuàng)建?CV?文件夾, 并將其作為我們的工作目錄趾盐。
????????$ cd Code
????????$ mkdir CV && cd
????????初始化 git 庫。
????????$ git init
????????用戶配置（可選）：
????????$ git config --global user.name "你的用戶名"
????????$ git config --global user.email "你的郵箱地址"
????????這一步不做也沒關(guān)系小腊，用戶名和郵箱是你提交commit時(shí)的簽名救鲤，在 Github 的倉庫頁面上會(huì)顯示這次提交的用戶，如果不做設(shè)置就會(huì)默認(rèn)為該倉庫的擁有者秩冈，做了則根據(jù)郵箱來匹配用戶蜒简。
2.2 編輯簡歷文件
????????下載頁面模板文件。下載完后解壓壓縮包漩仙，并且直接將其中的文件置于 CV 文件夾下搓茬。
????????$ wget http://labfile.oss.aliyuncs.com/courses/624/cv-template.zip
????????$ unzip cv-template
????????$ mv cv-template/* .
????????$ rm -rf cv-template* __MACOSX*（MACOSX前面是兩根下劃線）
????????用瀏覽器打開就可以看見模板的樣子了。同學(xué)們可以根據(jù)自己的需求來修改模板的樣式队他。
????????怎么用瀏覽器打開卷仑？
????????在linux終端項(xiàng)目目錄輸入命令?firefox index.html；也可以進(jìn)入文件夾麸折，在圖形化界面中右鍵選擇用瀏覽器打開锡凝。
????????有的童鞋可能已經(jīng)發(fā)現(xiàn)這份模板是可編輯的了，所有的文字欄目都是可以隨意編輯的：
????????點(diǎn)擊圖片可以通過圖片的url地址替換：
? ? ? ? ? 替換后：
? ? ? ? ? 不想留就把整個(gè)欄目刪掉：
? ? ? ? ? 可增加新的條目：
? ? ? ? ? 可通過點(diǎn)擊編輯進(jìn)度條：
? ? ? ? ? 注意敏感信息不要發(fā)布在頁面上垢啼，我們僅在需要打印簡歷時(shí)用到這些信息：
????????注意簡歷的內(nèi)容不要超出背景的高度窜锯。
????????編輯完自己的簡歷以后，就把修改后的代碼復(fù)制下來芭析，替換掉原index.html里的代碼锚扎。
????????Firefox 下，打開查看器：
????????復(fù)制 html 標(biāo)簽的外部 HTML：
????????然后將 index.html 中的 html 標(biāo)簽的所有內(nèi)容（包括 html 標(biāo)簽）替換掉即可馁启。
? ? ? ?我的本意是發(fā)布后的簡歷頁面仍是可編輯的驾孔，這方便我日后直接在上面編輯手機(jī)等個(gè)人信息后保存打印。不喜歡這樣子的可以修改 static/js 下的 script.js 文件，操作非常簡單翠勉，刪除該文件下的所有內(nèi)容妖啥，然后加上下面這一句。
????????$(document).ready(function($){
? ????????? $("*").removeAttr('contenteditable');? ? ? ?
????????})
????????這一句是為了去掉頁面上所有元素的可編輯屬性对碌，最后可以在 CSS 文件內(nèi)再改改樣式荆虱。
2.3 部署簡歷文件
????????首先需要每位同學(xué)都有自己的 Github 賬號(hào)：https://github.com/
????????沒有就快去注冊(cè)一個(gè)吧。然后新建一個(gè)倉庫朽们，名字取?cv?或是?resume?皆可怀读，之后先別跟著它給的步驟做。
????????Github Pages 支持托管的頁面分兩類华坦，個(gè)人/組織頁面 與 項(xiàng)目頁面愿吹，其主要區(qū)別就是托管位置的區(qū)別不从。如下表所示（這里略去組織惜姐，它跟個(gè)人是差不多的）：
????????| 類型 | 頁面域名 & 托管位置 | 頁面源文件所在的分支 | |---|---|---|---|---| | 個(gè)人主頁|?username.github.io?|?master?| | 項(xiàng)目主頁|?username.github.io/projectname?|?master、gh-pages?椿息、或是在master的doc目錄下|
????????如果想使用個(gè)人主頁歹袁，那么就創(chuàng)建一個(gè)名為?username.github.io?（username需要替換為你的用戶名）的庫，在主分支master上托管你的頁面代碼寝优。
????????如果是使用項(xiàng)目主頁条舔，那么可以選擇將代碼托管在master、gh-pages乏矾、或者 master 的 doc 目錄下孟抗，其中g(shù)h-pages是默認(rèn)的頁面托管分支，如果想使用master钻心，可在項(xiàng)目頁面的設(shè)置欄中進(jìn)行切換凄硼。
????????無論使用哪一種頁面操作都是差不多的，這里就用項(xiàng)目頁面來做演示了捷沸，由于我們所有的代碼就只有頁面代碼而已摊沉，那么就直接在master分支上進(jìn)行托管吧。
????????先在本地倉庫做一次代碼提交：
????????$ git add .
????????$ git commit -m 'commit my cv'
????????在項(xiàng)目頁面找到你的倉庫地址后輸入：
????????$ git remote add origin 你的遠(yuǎn)程倉庫地址
????????$ git push -u origin master
????????代碼提交到遠(yuǎn)程倉庫后痒给，在項(xiàng)目頁面設(shè)置 Github Pages 使用的托管源说墨。
????????現(xiàn)在你可以訪問 https://你的用戶名.github.io/resume/ 這個(gè)地址了，恭喜苍柏，簡歷頁面已成功部署在了 Github Pages 上尼斧。（參考：https://caojiele.com/online-resume/，我這里是用的自己的域名试吁，有域名的可以自己的突颊，并且沒有去掉頁面上所有元素的可編輯屬性）
2.4保存簡歷為pdf格式
????????筆者考察過多個(gè)在線轉(zhuǎn)換 pdf 的網(wǎng)站以及 js 保存 pdf 的方案，效果都不甚理想。最后發(fā)現(xiàn)這一步其實(shí)可以很簡單律秃，你只要打開瀏覽器的打印選項(xiàng)然后它其實(shí)是可以直接幫你保存為 pdf 的爬橡！這里還是推薦使用 Chrome ，F(xiàn)irefox 似乎無法刪頁腳與頁眉棒动。
????????Firefox 下：
????????勾上打印背景圖像與顏色糙申，頁腳和頁眉都設(shè)置成空白
? Chrome 下：
????????因?yàn)榈鹊酱蛴?pdf 的時(shí)候，那個(gè)頁邊距是可以再調(diào)的船惨，所以筆者比較傾向于在保存的時(shí)候不保留頁邊距柜裸。
三、總結(jié)
????????本項(xiàng)目主要是給沒有接觸過 Github Pages 的同學(xué)演示一遍它的基本使用粱锐，關(guān)于其它主題如自定義域名疙挺，自定義 404 頁面等可在?Customizing GitHub Pages?中找到參考。這里還需要再三提醒一句怜浅，千萬不要在發(fā)布的簡歷中加上個(gè)人身份敏感信息呀铐然！最后再給看到這里的同學(xué)一個(gè)福利吧：https://www.canva.com/templates/resumes/
Github項(xiàng)目地址：online-resume?, 歡迎Star！?
四恶座、參考資料
????????Customizing GitHub Pages
????????一看 star 數(shù)就知道一定是最牛的簡歷
? ??????寫簡歷注意事項(xiàng)
