從畢業小白到Offer收割機——在 Github Pages 上部署自己的簡歷

2021-02-24 藍橋雲課精選
(先上效果)一、實驗介紹

這幾天室友忙著找工作改簡歷,想到自己也會有這麼一天,那麼就來一起好好寫一份簡歷吧。

期間在網上找了不少寫簡歷的資源,比如輕單收錄了一些在線生成簡歷的網站,有需要的同學可以直接拿走,不用再看這節課啦。

才怪!我對自己寫的簡歷模板有信心,放這個出來就是要比比看。比比看性價比,我們這個模版的價格是 0,分母是 0 就意味著性價比無窮大!

寫這個模版的初衷是希望同一份簡歷既能做頁面展示,也能直接列印出來給我到處投。(請認真對待每一份簡歷,不要學習筆者)。

寫這份模版也是站在巨人的肩膀上,參考了前人經驗的。感謝以下先輩:

一看 star 數就知道一定是最牛的簡歷

freepik 上的好看簡歷

(點擊閱讀原文可查看連結)

我們可以利用 Github 的靜態頁面託管服務 Github Pages 來幫助我們做頁面展示。

什麼是 Github Pages?

Github Pages 是 Github 的靜態頁面託管服務。它設計的初衷是為了用戶能夠直接通過 Github 倉庫來託管用戶個人、組織或是項目的專屬頁面。參考:https://help.github.com/articles/what-is-github-pages/

可以說相當於一個可直接用 git 管理內容的靜態伺服器,有許多人會用它來託管自己的個人博客(利用 Jekyll、Pelican 這一類靜態頁面生成工具)或是在這上面發布自己的 HTML5 小遊戲。當然這麼好的東西也是有限制的。

Github Pages 的限制:

對於發布自己的簡歷或是部署自己的博客的這一類需求我想是不用擔心這些限制的,如果真的不小心超了,Github 那邊不會採取什麼強制措施,而是會發一份郵件提醒你應該找一個更適合你的託管對象的服務。

本課程需要的預備知識:

如果對 git 完全陌生,推薦學習實驗樓的《Git 實戰教程》,僅需了解最基本的操作即可。

本課程項目完成過程中,我們將學習:

適合對於簡歷有要求的同學,學習本課程可以完美的讓你對簡歷進行管理

簡歷頁面展示:

保存後的 pdf 版本:

打開終端,進入 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*

用瀏覽器打開就可以看見模板的樣子了。同學們可以根據自己的需求來修改模板的樣式。怎麼用瀏覽器打開?在linux終端項目目錄輸入命令firefox index.html也可以進入文件夾,在圖形化界面中右鍵選擇用瀏覽器打開

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

所有的文字欄目都是可以隨意編輯的:

點擊圖片可以通過圖片的url地址替換:

替換後:

微信號不想留就把整個欄目刪掉:

可增加新的條目:

可通過點擊編輯進度條:

注意敏感信息不要發布在頁面上,我們僅在需要列印簡歷時用到這些信息:

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

編輯完自己的簡歷以後,就把修改後的代碼複製下來,替換掉原index.html裡的代碼。

Firefox 下:

打開查看器:

複製 html 標籤的外部 HTML:

然後將index.html中的 html 標籤的所有內容(包括 html 標籤)替換掉即可。

我的本意是發布後的簡歷頁面仍是可編輯的,這方便我日後直接在上面編輯手機等個人信息後保存列印。

不喜歡這樣子的同學可以修改static/js下的script.js文件,操作非常簡單,刪除該文件下的所有內容,然後加上下面這一句。

$(document).ready(function($){
   $("*").removeAttr('contenteditable');        
})

這一句是為了去掉頁面上所有元素的可編輯屬性。

最後可以在 CSS 文件內再改改樣式。

首先需要每位同學都有自己的 Github 帳號:https://github.com/

沒有就快去註冊一個吧。然後新建一個倉庫,名字取 cv 或是 resume 皆可,之後先別跟著它給的步驟做。

Github Pages 支持託管的頁面分兩類,個人/組織頁面 與 項目頁面,其主要區別就是託管位置的區別。如下表所示(這裡略去組織,它跟個人是差不多的):

類型頁面域名 & 託管位置頁面源文件所在的分支個人主頁username.github.iomaster項目主頁username.github.io/projectnamemaster、gh-pages、或是在master的doc目錄下

如果想使用個人主頁,那麼就創建一個名為 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 的網站以及 js 保存 pdf 的方案,效果都不甚理想。最後發現這一步其實可以很簡單,你只要打開瀏覽器的列印選項然後它其實是可以直接幫你保存為 pdf 的!這裡還是推薦使用 Chrome ,Firefox 似乎無法刪頁腳與頁眉。

Firefox 下:

勾上列印背景圖像與顏色,頁腳和頁眉都設置成空白

Chrome 下:

因為等到列印 pdf 的時候,那個頁邊距是可以再調的,所以筆者比較傾向於在保存的時候不保留頁邊距。

本課程主要是給沒有接觸過 Github Pages 的同學演示一遍它的基本使用,關於其它主題如自定義域名,自定義 404 頁面等可在 Customizing GitHub Pages 中找到參考。這裡還需要再三提醒一句,千萬不要在發布的簡歷中加上個人身份敏感信息呀!最後再給看到這裡的同學一個福利吧:(更多好看到起飛的簡歷模板)

獲取福利以及項目完整代碼點擊 閱讀原文 即可據說能實現這個項目的人都能多收到 3 份 OFFER !

相關焦點

  • 第20期:2021年如何學習React:7個你需要知道的技能;使用GitHub pages部署一個React應用
    使用GitHub pages部署一個React應用Github pages 是GitHub提供的一個非常好的服務,開發者可以使用它去部署一個靜態網站。所謂的靜態網站是指,項目裡只包含html,css,javascript及圖片等靜態文件,服務提供託管服務。
  • 國際組織offer收割機 | 西南財經大學蘇澈:在國際組織的夢想裡乘風破浪
    「高大上」、「全球化的工作環境」、「國際化的工作經歷」 √Q:在面試之前做了哪些準備?A:我覺得大家的流程應該差不多,所以我就分享一些我個人認為需要注意的點。①選擇組織:我認為在準備各種材料前一定要進行綜合考慮。
  • 投簡歷後就沒下文了?有這幾種可能...
    👆👆這樣做更容易收割實習、校招offer:戳上方「Synet求職」關注我們,並點擊右上角···,選擇「設為星標」相信同學們看到上面的漫畫心裡一定有所感慨。求職的漫漫長路中總會有各種坎坷。如果你真的不知道怎麼寫簡歷,挖掘不了自己的閃光點,Synet VIP計劃可以幫助你完美解決這些問題Synet VIP計劃會為你提供1v1的簡歷指導,提供寶貴的修改建議,還怕不會寫簡歷嗎?
  • 【@所有人】Offer奶爸面向全山東+一線高校招募校園合伙人!!!是合伙人呢!!!
    從一個人,到一個團隊我們一群人,想做一件好玩又有意義的事厭倦了傳統校園招聘求職過程中的低效、信息閉塞、資源不對等...3、希望有個平臺去鍛鍊自己,接觸職業。 自由度非常高 你可以選擇線上工作,每天不會要求固定的工作時間,只要能夠在規定時間內把工作任務按要求完成即可,完全不會影響你正常的校園生活。
  • 一畢業就拿到數據分析師和商業分析師全職offer,她比同班同學少走了多少彎路
    因為我自己缺乏相關的背景知識,所以我決定要在畢業前就準備好這些求職的必備技能。於是我就報名了MarTechApe的《營銷組合建模企業級實戰訓練營》。如果你可以在面試中提到《營銷組合建模企業級實戰訓練營》裡講到的一些前沿的東西的話,就會讓你的面試官覺得你對這個行業是很有了解和自己看法的,是會讓你整個面試加分。
  • Excel職場通關秘籍 Excel從小白到高手
    Excel職場通關秘籍 Excel從小白到高手持續更新中。。。向天歌Excel職場通關秘籍 Excel從小白到高手資源簡介:向天歌-大毛最接地氣、最易學的Excel通關秘籍,全套課程包含7大集43個精華知識點多學一門技能,就少一個求人的理由,會EXCEL能帶來什麼?
  • 【學長分享】畢業後我順利拿到香港工作Offer
    注意不要寫無關的內容,最好能根據對方公司的要求來寫,要求什麼樣的技能就寫上相應的技能。Resume則是簡歷,需要將你的各種信息以及履歷寫上去。這兩者具體寫作內容及技巧在此不再贅述,大家可以多多上網取經。這些文件的寫法和內地找工作是有很大不同,內地好像簡歷做得很花哨,而且無關信息比如業餘興趣愛好一大堆,這些在香港都不適用。
  • 如何高效利用GitHub(很多乾貨資料可供下載)
    GitHub上的代碼庫本身:尤其是:Explore、熱門關注信息庫兩個欄目GitHub官方推薦:GitHub自身的官方博客與GitHub員工們的個人博客推薦的項目與開發者各類社交媒體上提到的的GitHub庫:尤其是Hacker News上提到的GitHub庫。關於學習的心理學研究,常常會談到一個術語:元認知、元學習、元知識。
  • GitHub狂攬12.3萬星!這個歪果仁的面試總結太生猛了!
    點擊上方「碼農突圍」,馬上關注這裡是碼農充電第一站,回復「666」,獲取一份專屬大禮包來源:GitHub愛好者社區(gith
  • 從來沒有新加坡工作經驗的我如何通過內推拿到了大華銀行(UOB)Offer?
    在W同學不在新加坡期間,完善簡歷和求職信,在W同學計劃來新加坡的前幾周,就進行廣泛的內推和面試準備,W同學到了新加坡之後就進行車輪戰式的面試,每輪面試之前都有行業導師做指導,面試結束之後也有VIP項目總監根據面試情況,指導如何和僱主跟進。
  • 面經分享:畢業西電Java工作3年拿到了30Koffer
    下文是粉絲整理的投稿內容,也歡迎有能力的粉絲投稿分享你的經驗關於就業             先簡單聊一下就業哈,我3年前畢業於西電,關於畢業選擇吧,第一份工作真的很重要,如果可能大廠是第一選擇這是沒錯的,即使進不了大廠也儘量選擇一些有知名度的大企業。在後來的面試過程中,真切感受到學歷和就業經歷帶來的加分。
  • 乾貨 一個簡潔優雅的 XeLaTeX 簡歷模板
    以下是他今天分享的內容:每年的9月10月是求職的高峰季,除了簡歷上充實的乾貨之外,一份美美的簡歷自然是能助你一臂之力的啦。今天要介紹的是用 \LaTeX 製作的高逼格簡歷。\LaTeX 的簡歷模板其實是有不少的,坊間流傳較廣的有 moderncv, 這貨使用起來比較簡單,樣式改起來也很方便,但是不太適合作為一頁紙簡歷模板,因為空白太多了。
  • 已經畢業一年.也無工作經驗.我該怎麼辦?
    基本上是從眾,缺乏自己的獨立意識,隨波逐流。人有時候可以使用一些小技巧來取得一些勝利。但是我建議在絕大部分情況下請用自己的實力堂堂正正地贏。所以在平時的時候,請好好積累自己的知識,提高自己的能力才是王道。    絕大部分的人壓根不會做簡歷。像上面的表格內容形式的簡歷、花花綠綠的簡歷只會讓HR頭痛。
  • 算法工程師常見面試問題及相關資料匯總(附簡歷模板)
    阿里巴巴計算機視覺算法實習生視頻面試 website面試經驗AI算法工程師(面試官角度) website從零基礎到BAT算法崗SP——秋招準備攻略 website螞蟻金服/曠視/虹軟/騰訊優圖暑期實習offer面經 website我在美團的這兩年(附校招筆試/面試/面經分享) website1000 面試題,BAT
  • 畢業後的一生,我們都在為自己的簡歷打工
    老闆們在看簡歷時,看的不是經歷有多少,而是看簡歷的含金量有多少; 有意義的打工過程 ,是讓自己的簡歷逐漸豐富且含金量越來越高的過程。 典型的打工思維是老闆給多少錢,就出多少力;老闆不多給錢,就不多出力。
  • 因為在簡歷上放了照片,我被HR秒拒了……
    當然,文末也有一套來自國外職業教育的英文簡歷模板送給大家參考。▌不需要放在簡歷上的內容簡歷上不需要放照片。在國外,對於大多數行業來說,照片完全是多餘的(除了一些特殊的行業,如說演員、模特等,會在招聘啟事中聲明另附照片)。
  • 面試官:小白加小白等於什麼?本科生回答「菜鳥」,被淘汰!
    孫梅這不剛剛畢業,是一個95後的大學女生。以前父母總是提醒她,一定要在學校裡面好好學習,這樣出了校門,就能找到一份穩定的工作。可現實時,這樣的工作真的不好找。孫梅已經有一個月沒有找到工作了,心裡不免有些著急。
  • 在日本求職 簡歷應附帶哪些材料?
    在日本留學的學生們總是希望能夠在日本找到一份適合的工作,最終能夠在日本發展,那麼寫簡歷就是必經的階段了。
  • 靠這份簡歷模版,校招我拿到了8份offer(附簡歷word模板)
    在剛剛過去的校招中,阿帥學姐拿到了8份offer,也算是心滿意足。