引言

近期和學弟交流了一下找實習的相關的話題，談到了簡歷這塊。雖然近期沒有找工作的打算，但還是會不定期的更新自己的簡歷。

于是將自己的簡歷分享了一下，沒想到得到了這樣的評價，心里還是挺高興的。

簡歷的形式是一個在線的靜態網頁，托管在了 GitHub 上面，整體的效果如下圖，可以直接使用瀏覽器的打印功能導出為 PDF 的格式。

本篇分享一下如何制作在線簡歷，你需要有一些前端方面的編程基礎的。如果沒有也沒有關系，我也會附帶分享一些求職簡歷中需要注意的一些地方，也許對你也會有所幫助。

fork & clone

首先進入托管在 GitHub 上的簡歷項目主頁[1]，點擊右上角的 Fork 按鈕，等待若干秒后，你的項目列表里會多出來一個同名的倉庫。

把新生成的項目 clone 到本地，就可以開始在本地進行調試和開發了。

安裝依賴

項目依賴于 Node 環境，你需要先到 Node 官網[2] 下載并安裝對應系統的 Node 程序。

安裝好后，在命令行輸入 node -v，如果出現相應的版本號，說明 Node 環境安裝成功。

使用 cd 命令進入到項目目錄，輸入 npm install 命令，安裝程序所使用的依賴環境。

再輸入 npm run dev 命令，項目會進行編譯，并自動打開瀏覽器，加載出簡歷的頁面。

這時，就可以打開 VSCode 或者其他編輯器對簡歷內容進行修改了。

簡歷編輯

項目的整體目錄結構如下：

. ├── README.md ├── node_modules ├── package-lock.json ├── package.json ├── postcss.config.js ├── src ├── webpack-dist.config.js ├── webpack.config.js └── webpack.js

我們只需要對 src/ 文件夾中的文件進行修改，其他文件是項目運行的一些配置文件。

如果要修改簡歷內容，需要編輯 index.html 文件。如果你有前端的基礎，這應該很好上手。

找到模版中對應的位置，比如個人信息部分，把中文內容改成自己的就行了。

<header class="content-hd"><section class="title"><div class="name"><h1>姓名</h1></div></section><section class="info"><ul><li>求職意向：xxx</li><li>聯系方式：xxx-xxxx-xxx</li><li>郵箱：<a href="mailto:phillzou#gmail.com">phillzou#gmail.com</a></li><li>GitHub：<a href="https://github.com/mayandev">github.com/mayandev</a></li></ul></section> </header>

如果要修改簡歷的樣式，比如主題色、字體等等，需要編輯 main.css 文件。

比如我將簡歷主題色改為藍色，只需要更改一行代碼。

$theme-color: #126ab8;

簡歷修改完后，刷新一下瀏覽器就可以看到最新的內容。

項目部署

項目部署前，需要先在 GitHub 倉庫中建立一個名為 username.github.io 的倉庫，其中 username 是你的 GitHub 賬戶名稱。這個倉庫可以生成一個域名，你可以在這個域名下創建倉庫，將一些靜態內容資源托管到上面，比如自己的博客。

回到項目，在命令行中輸入 npm run pub 命令，會自動創建一個 gh-pages 分支并推送到 GitHub 的倉庫。

打開上面 Fork 的倉庫地址，點擊設置，滑動到 GitHub Pages 設置選項，將分支選擇為 gh-pages。

然后打開生成的網頁即可看到在線的簡歷，將鏈接發給其他人，其他人通過瀏覽器打開可以直接訪問

使用快捷鍵 ctrl+p 或者 command+p 調用瀏覽器的打印功能，可以將簡歷導出為 pdf 格式的文件。

Tips

簡歷應該站在 HR or 面試官的角度來考慮，別人是否方便打開，字體大小、顏色、排版是否舒適，內容是否有條理等等，這種為別人考慮的做事方式，也叫做同理心，而自己也會因此受益。

下面就羅列一些寫簡歷需要注意的地方，不全面，歡迎補充。

1、只寫關鍵的個人信息（姓名、聯系方式），至于性別、生日、籍貫、自我評價等等，不建議寫。

2、排版整潔，推薦單列布局，按點羅列。

3、字體統一，內容盡量只有黑色字體。對于簡歷中的一些鏈接，使用一個主題色。

4、語言簡短，提煉主要內容，遵循 STAR[3] 法則，有效表達。

5、篇幅盡量控制在一頁

更多的簡歷寫法，建議上知乎搜一搜，有的 HR 會在上面分享一些干貨。

你也可以把你的簡歷發送到我的郵箱（上面的圖片里有），免費幫你看，提一些修改建議。

希望大家在秋招都能找到滿意的工作。

完

參考資料

[1]

簡歷項目主頁: https://github.com/mayandev/resume

[2]

Node 官網: https://nodejs.org/

[3]

STAR: http://www.woshipm.com/pd/1267256.html

總結

以上是生活随笔為你收集整理的静态网页托管_求职季，教你制作一份精美的在线网页简历，程序员必看！！的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。