程序員必備技能：在Github上部署本身的簡歷

項目簡介：本課程將帶領你們在 Github Pages 上部署本身的簡歷，教你們如何將簡歷保存爲 pdf 格式且該簡歷文件可直接在 A4 紙上打印。另外本課程還提供了簡單的在線可編輯的簡歷頁面，同窗可直接使用它來生成本身的簡歷文件。

項目由ekCit發佈在實驗樓，完整教程及在線練習地址：在Github Pages上部署本身的簡歷，能夠直接在實驗環境中部署實踐。

1、課程介紹

1. 課程背景

這幾天室友忙着找工做改簡歷，想到本身也會有這麼一天，那麼就來一塊兒好好寫一份簡歷吧。

期間在網上找了很多寫簡歷的資源，我對本身寫的簡歷模板有信心，放這個出來就是要比比看。比比看性價比，咱們這個模版的價格是 0，分母是 0 就意味着性價比無窮大！

寫這個模版的初衷是但願同一份簡歷既能作頁面展現，也能直接打印出來給我處處投。（請認真對待每一份簡歷，不要學習筆者）。

寫這份模版也是站在巨人的肩膀上，參考了前人經驗的。

咱們能夠利用 Github 的靜態頁面託管服務 Github Pages 來幫助咱們作頁面展現。

什麼是 Github Pages？

Github Pages 是 Github 的靜態頁面託管服務。它設計的初衷是爲了用戶可以直接經過 Github 倉庫來託管用戶我的、組織或是項目的專屬頁面。參考：https://help.github.com/artic...

能夠說至關於一個可直接用 git 管理內容的靜態服務器，有許多人會用它來託管本身的我的博客（利用 Jekyll、Pelican 這一類靜態頁面生成工具）或是在這上面發佈本身的 HTML5 小遊戲。固然這麼好的東西也是有限制的。

Github Pages 的限制：

• 倉庫存儲的全部文件不能超過 1 GB

• 頁面的帶寬限制是低於每個月 100 GB 或是每個月 100,000 次請求。

• 每小時最多隻能部署 10 個靜態網站。

對於發佈本身的簡歷或是部署本身的博客的這一類需求我想是不用擔憂這些限制的，若是真的不當心超了，Github 那邊不會採起什麼強制措施，而是會發一份郵件提醒你應該找一個更適合你的託管對象的服務。

2. 預備知識

本課程須要的預備知識：

• git 的基本使用

若是對 git 徹底陌生，推薦學習實驗樓的《Git 實戰教程》，僅需瞭解最基本的操做便可。

3. 課程知識點

本課程項目完成過程當中，咱們將學習：

1. 在 Github Pages 上部署本身的簡歷

4. 最終效果

簡歷頁面展現：

保存後的 pdf 版本：

2、實驗步驟

一、初始化 git 庫

打開終端，進入 Code 目錄，建立 CV 文件夾, 並將其做爲咱們的工做目錄。

$ cd Code
$ mkdir CV && cd CV

初始化 git 庫。

$ git init

用戶配置（可選）：

$ git config --global user.name "你的用戶名"
$ git config --global user.email "你的郵箱地址"

這一步不作也不要緊，用戶名和郵箱是你提交commit時的簽名，在 Github 的倉庫頁面上會顯示此次提交的用戶，若是不作設置就會默認爲該倉庫的擁有者，作了則根據郵箱來匹配用戶。

二、編輯簡歷文件

下載頁面模板文件。

解包，而且直接將其中的文件置於 CV 文件夾下。

$ wget http://labfile.oss.aliyuncs.com/courses/624/cv-template.zip
$ unzip cv-template
$ mv cv-template/* .
$ rm -rf cv-template* __MACOSX*

用瀏覽器打開就能夠看見模板的樣子了。同窗們能夠根據本身的需求來修改模板的樣式。

有的同窗可能已經發現這份模板是可編輯的了。

全部的文字欄目都是能夠隨意編輯的：

點擊圖片能夠經過圖片的url地址替換：

微信號不想留就把整個欄目刪掉，可增長新的條目：

可經過點擊編輯進度條，注意敏感信息不要發佈在頁面上，咱們僅在須要打印簡歷時用到這些信息：

注意簡歷的內容不要超出背景的高度。

編輯完本身的簡歷之後，就把修改後的代碼複製下來，替換掉原index.html裏的代碼。

Firefox 下：

打開查看器：

複製 html 標籤的外部 HTML：

而後將index.html中的 html 標籤的全部內容（包括 html 標籤）替換掉便可。

個人本意是發佈後的簡歷頁面還是可編輯的，這方便我往後直接在上面編輯手機等我的信息後保存打印。

三、部署簡歷文件

首先須要每位同窗都有本身的 Github 帳號，沒有就快去註冊一個吧。而後新建一個倉庫，名字取 cv 或是 resume 皆可，以後先別跟着它給的步驟作。

Github Pages 支持託管的頁面分兩類，我的/組織頁面 與 項目頁面，其主要區別就是託管位置的區別。
若是想使用我的主頁，那麼就建立一個名爲 username.github.io （username須要替換爲你的用戶名）的庫，在主分支master上託管你的頁面代碼。

若是是使用項目主頁，那麼能夠選擇將代碼託管在master、gh-pages、或者master的doc目錄下，其中gh-pages是默認的頁面託管分支，若是想使用master，可在項目頁面的設置欄中進行切換。

不管使用哪種頁面操做都是差很少的，這裏就用項目頁面來作演示了，因爲咱們全部的代碼就只有頁面代碼而已，那麼就直接在master分支上進行託管吧。

先在本地倉庫作一次代碼提交：

$ git add .
$ git commit -m 'commit my cv'

在項目頁面找到你的倉庫地址後輸入：

$ git remote add origin 你的遠程倉庫地址
$ git push -u origin master

代碼提交到遠程倉庫後，在項目頁面設置 Github Pages 使用的託管源。

如今你能夠訪問https://你的用戶名.github.io/resume/這個地址了，恭喜，簡歷頁面已成功部署在了 Github Pages 上。

四、保存簡歷爲 pdf 格式

筆者考察過多個在線轉換 pdf 的網站以及 js 保存 pdf 的方案，效果都不甚理想。最後發現這一步其實能夠很簡單，你只要打開瀏覽器的打印選項而後它實際上是能夠直接幫你保存爲 pdf 的！這裏仍是推薦使用 Chrome ，Firefox 彷佛沒法刪頁腳與頁眉。

Chrome 下：

由於等到打印 pdf 的時候，那個頁邊距是能夠再調的，因此筆者比較傾向於在保存的時候不保留頁邊距。

完整教程可在實驗樓查看並在線完成，有更詳細的簡歷編輯及部署細節，還有簡歷模板福利。
更多經典項目：所有-課程-實驗樓