一、項目介紹
1.1 背景
????????每年的金三銀四都是人員流動最大，找工作最好的時間段之一。而找工作就不得不需要更新簡歷，想到自己也會有這么一天，那么就來一起好好寫一份簡歷吧。期間在網(wǎng)上找了不少寫簡歷的資源，比如輕單-在線簡歷制作收錄了一些在線生成簡歷的網(wǎng)站，有需要的童鞋可以直接拿走，不用再看這節(jié)課啦。
????????怎么可能！我對自己寫的簡歷模板有信心，放這個出來就是要比比看。比比看性價比，我們這個模版的價格是 0，分母是 0 就意味著性價比無窮大！
????????寫這個模版的初衷是希望同一份簡歷既能做頁面展示，也能直接打印出來給我到處投。（請認(rèn)真對待每一份簡歷，不要學(xué)習(xí)筆者）。
????????寫這份模版也是站在巨人的肩膀上，參考了前人經(jīng)驗的。感謝以下先輩：
? ? ? ??一看 star 數(shù)就知道一定是最牛的簡歷
? ? ? ??freepik 上的好看簡歷
????????我們可以利用 Github 的靜態(tài)頁面托管服務(wù) Github Pages 來幫助我們做頁面展示。
? ? ? ? 什么是 Github Pages？
? ? ? ? Github Pages 是 Github 的靜態(tài)頁面托管服務(wù)。它設(shè)計的初衷是為了用戶能夠直接通過 Github 倉庫來托管用戶個人、組織或是項目的專屬頁面。參考：https://help.github.com/articles/what-is-github-pages/
? ? ? ? 可以說相當(dāng)于一個可直接用 git 管理內(nèi)容的靜態(tài)服務(wù)器，有許多人會用它來托管自己的個人博客（利用 Jekyll、Pelican 這一類靜態(tài)頁面生成工具）或是在這上面發(fā)布自己的 HTML5 小游戲。當(dāng)然這么好的東西也是有限制的。
????????Github Pages 的限制：
????????倉庫存儲的所有文件不能超過 1 GB。
????????頁面的帶寬限制是低于每月 100 GB 或是每月 100,000 次請求。
????????每小時最多只能部署 10 個靜態(tài)網(wǎng)站。
????????對于發(fā)布自己的簡歷或是部署自己的博客的這一類需求我想是不用擔(dān)心這些限制的，如果真的不小心超了，Github 那邊不會采取什么強制措施，而是會發(fā)一份郵件提醒你應(yīng)該找一個更適合你的托管對象的服務(wù)。
1.2 預(yù)備知識
? ? ????需要的預(yù)備知識：
????????git?的基本使用，如果對?git?完全陌生，推薦學(xué)習(xí)《Git 實戰(zhàn)教程》，僅需了解最基本的操作即可。
1.3 實驗知識點
????????本課程項目完成過程中，我們將學(xué)習(xí)：在 Github Pages 上部署自己的簡歷。
1.4 適合人群
????????適合對于簡歷有要求的同學(xué)，學(xué)習(xí)本課程可以完美的讓你對簡歷進行管理。
1.5 最終效果
????????簡歷頁面展示：
????????保存后的 pdf 版本：
二、步驟
????????本次實驗我們從初始化Git庫開始，編輯簡歷文件，將文件部署在Github Pages上，最后可以將其保存為pdf格式并打印出來。下面我們進入具體的實現(xiàn)階段。
????????請盡量按照實驗步驟自己操作，請確認(rèn)文件保存在目錄：“/home/shiyanlou/Code” 下。
2.1 初始化git庫
????????打開終端，進入?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時的簽名，在 Github 的倉庫頁面上會顯示這次提交的用戶，如果不做設(shè)置就會默認(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終端項目目錄輸入命令?firefox index.html；也可以進入文件夾，在圖形化界面中右鍵選擇用瀏覽器打開。
????????有的童鞋可能已經(jīng)發(fā)現(xiàn)這份模板是可編輯的了，所有的文字欄目都是可以隨意編輯的：
????????點擊圖片可以通過圖片的url地址替換：
? ? ? ? ? 替換后：
? ? ? ? ? 不想留就把整個欄目刪掉：
? ? ? ? ? 可增加新的條目：
? ? ? ? ? 可通過點擊編輯進度條：
? ? ? ? ? 注意敏感信息不要發(fā)布在頁面上，我們僅在需要打印簡歷時用到這些信息：
????????注意簡歷的內(nèi)容不要超出背景的高度。
????????編輯完自己的簡歷以后，就把修改后的代碼復(fù)制下來，替換掉原index.html里的代碼。
????????Firefox 下，打開查看器：
????????復(fù)制 html 標(biāo)簽的外部 HTML：
????????然后將 index.html 中的 html 標(biāo)簽的所有內(nèi)容（包括 html 標(biāo)簽）替換掉即可。
? ? ? ?我的本意是發(fā)布后的簡歷頁面仍是可編輯的，這方便我日后直接在上面編輯手機等個人信息后保存打印。不喜歡這樣子的可以修改 static/js 下的 script.js 文件，操作非常簡單，刪除該文件下的所有內(nèi)容，然后加上下面這一句。
????????$(document).ready(function($){
? ????????? $("*").removeAttr('contenteditable');? ? ? ?
????????})
????????這一句是為了去掉頁面上所有元素的可編輯屬性，最后可以在 CSS 文件內(nèi)再改改樣式。
2.3 部署簡歷文件
????????首先需要每位同學(xué)都有自己的 Github 賬號：https://github.com/
????????沒有就快去注冊一個吧。然后新建一個倉庫，名字取?cv?或是?resume?皆可，之后先別跟著它給的步驟做。
????????Github Pages 支持托管的頁面分兩類，個人/組織頁面 與 項目頁面，其主要區(qū)別就是托管位置的區(qū)別。如下表所示（這里略去組織，它跟個人是差不多的）：
????????| 類型 | 頁面域名 & 托管位置 | 頁面源文件所在的分支 | |---|---|---|---|---| | 個人主頁|?username.github.io?|?master?| | 項目主頁|?username.github.io/projectname?|?master、gh-pages?、或是在master的doc目錄下|
????????如果想使用個人主頁，那么就創(chuàng)建一個名為?username.github.io?（username需要替換為你的用戶名）的庫，在主分支master上托管你的頁面代碼。
????????如果是使用項目主頁，那么可以選擇將代碼托管在master、gh-pages、或者 master 的 doc 目錄下，其中g(shù)h-pages是默認(rèn)的頁面托管分支，如果想使用master，可在項目頁面的設(shè)置欄中進行切換。
????????無論使用哪一種頁面操作都是差不多的，這里就用項目頁面來做演示了，由于我們所有的代碼就只有頁面代碼而已，那么就直接在master分支上進行托管吧。
????????先在本地倉庫做一次代碼提交：
????????$ git add .
????????$ git commit -m 'commit my cv'
????????在項目頁面找到你的倉庫地址后輸入：
????????$ git remote add origin 你的遠程倉庫地址
????????$ git push -u origin master
????????代碼提交到遠程倉庫后，在項目頁面設(shè)置 Github Pages 使用的托管源。
????????現(xiàn)在你可以訪問 https://你的用戶名.github.io/resume/ 這個地址了，恭喜，簡歷頁面已成功部署在了 Github Pages 上。（參考：https://caojiele.com/online-resume/，我這里是用的自己的域名，有域名的可以自己的，并且沒有去掉頁面上所有元素的可編輯屬性）
2.4保存簡歷為pdf格式
????????筆者考察過多個在線轉(zhuǎn)換 pdf 的網(wǎng)站以及 js 保存 pdf 的方案，效果都不甚理想。最后發(fā)現(xiàn)這一步其實可以很簡單，你只要打開瀏覽器的打印選項然后它其實是可以直接幫你保存為 pdf 的！這里還是推薦使用 Chrome ，F(xiàn)irefox 似乎無法刪頁腳與頁眉。
????????Firefox 下：
????????勾上打印背景圖像與顏色，頁腳和頁眉都設(shè)置成空白
? Chrome 下：
????????因為等到打印 pdf 的時候，那個頁邊距是可以再調(diào)的，所以筆者比較傾向于在保存的時候不保留頁邊距。
三、總結(jié)
????????本項目主要是給沒有接觸過 Github Pages 的同學(xué)演示一遍它的基本使用，關(guān)于其它主題如自定義域名，自定義 404 頁面等可在?Customizing GitHub Pages?中找到參考。這里還需要再三提醒一句，千萬不要在發(fā)布的簡歷中加上個人身份敏感信息呀！最后再給看到這里的同學(xué)一個福利吧：https://www.canva.com/templates/resumes/
Github項目地址：online-resume?, 歡迎Star！?
四、參考資料
????????Customizing GitHub Pages
????????一看 star 數(shù)就知道一定是最牛的簡歷
? ??????寫簡歷注意事項
