Github部署在線簡歷!

在Github Pages上部署自己的簡歷

1、初始化git

打開終端,進入Code目錄,創建CV文件夾,並將其作爲我們的工作目錄:

cd Code

mkdir CV && cd CV

初始化git庫:git init

用戶配置:

git config --global user.name "你的用戶名"

git config --global user.email "你的郵箱地址"

用戶名和郵箱式你提交commit時的簽名,在Github倉庫頁面上會顯示這次提交的用戶,如果不做設置就會默認爲該倉庫的擁有者,做了則根據郵箱來匹配用戶!

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-nwgUruMS-1591957386247)(./pictures/本地倉庫初始化.png)]

2、編輯簡歷文件

下載頁面模板文件,解包,並且將其中的文件置於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或者進入到文件夾,在圖形化界面中右鍵選擇使用瀏覽器打開!

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-IUQhfNRB-1591957386251)(./pictures/簡歷模板下載.png)]

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-MDURfi4O-1591957386256)(./pictures/簡歷.png)]

其中,mv是移動命令,rm -rf表示強制刪除

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-onz9JIK3-1591957386260)(./pictures/打開效果.png)]

點擊發現,這份模板是可編輯的,所有的文字欄目都是可以隨意編輯的,圖片可以通過圖片的url地址替換!

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-hRf1whUi-1591957386265)(./pictures/內容修改.png)]

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-oIXevQkv-1591957386268)(./pictures/修改圖片.png)]

可增加新欄目、可以通過點擊編輯進度條!

編輯完自己的簡歷之後,就把修改後的代碼複製下來替換掉原index.html裏的內容!

FireFox下打開查看器:【複製html標籤的外部HTML

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

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-c5BgiaDC-1591957386269)(./pictures/複製html.png)]

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

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

這一句是爲了去掉頁面上所有元素的可編輯屬性。最後可以在 CSS 文件內再改改樣式。

3、部署簡歷文件

首先,需要有自己的github賬號,之後新建一個倉庫cv或者是resume

現在本地倉庫做代碼的提交:

git add .

git commit -m "commit my cv"

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

git remote add origin 你的遠程倉庫地址

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

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-AKeyHt8x-1591957386272)(./pictures/託管源.png)]

現在就可以訪問:https://lures2019.github.io/resume/cv-template/這個地址了,現在簡歷已經成功部署到Github Pages上了

4、打印簡歷

可以使用瀏覽器自帶的打印!

或者是:使用之前講解的Python的pdfkit庫來操作!

pip install pdfkit

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-LxdYvcxf-1591957386273)(./pictures/pdfkit打印.png)]

或者是:使用之前講解的Python的pdfkit庫來操作!

pip install pdfkit

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-WHw9pQMN-1591957386276)(./pictures/效果圖.png)]

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章