- 0. 前言
- 1. 階段1 - 確定需要幾個模塊
- 2. 階段2 - 使用純文字填充簡歷
- 3. 階段3 - 預留空格
- 4. 階段4 - 文章垂直方向的調整
- 5. 階段5 - 居中對齊
- 6. 階段6 - 加圖標
本文鏈接: https://www.cnblogs.com/hchengmx/p/10761179.html
0. 前言
簡歷的重要性
求職的實質是用最高的效率來找到匹配到適合的工作。而怎么快速的匹配呢? 就要有一份好的簡歷了, 我第一份簡歷是用word寫的, 用word寫的好處就是, 簡單, 壞處是 太丑了。后來在網上找模板來寫，好處是好看了一點，壞處是模板不一定適合自己，有可能用力過度，而且改模板很麻煩。后來學會了markdown, 就嘗試用markdown來寫簡歷。
下來我就來演示怎么用markdown + html來寫一份簡歷。
我是用的vscode + 插件 markdown all in one。
1. 階段1 - 確定需要幾個模塊
-
個人信息:
- 照片: 不建議放上去，因為不好看了影響hr心情，一下子就fail掉，要是太好看了，還可能引起hr嫉妒也fail掉；
- 居住地/戶籍: 不需要，因為要是不在你期望的工作地點你肯定也不會投呀，寫上這個是毫無意義的；
- 民族: 不需要，因為用人單位也不關心這個啊；
- 性別: 這個打電話或者面試就知道了，沒必要寫在簡歷里；
- 出生日期：不需要，意義也不大，因為即便同年出生，各個人上大學和畢業也可能不一樣，可以考慮換作工作年限；
- QQ/微信: 不建議放上去，因為hr肯定先和你進行電話溝通，要是合適了才會主動加微信；
-
關鍵字: 很多人的簡歷中會有這個，但是個人並不推薦，因為可能會和下面的自我技能陳述重復。
-
我的技能: 詳細說會什么技能。比如, 數據庫:xxx,xxx; 開發語言: xxx,xxx;
-
求職意向: 到崗時間/目標技能(你希望面試什么樣的職位)/行業(金融/投資/證券)/期望薪水(可以和hr打電話時候談，但是要是面試的是初級/中級的話，這個不建議寫在簡歷里面 ,因為面試自己的人並不定是自己的直接上司,也可能是未來同級的同事,直接說明可能會引起誤解, 建議寫成面談)。
-
工作經驗: 以時間倒序來寫工作內容，包括 工作時間，工作描述，主要業績。
-
項目經驗：包括項目描述，職責描述。
-
教育背景: 以倒序排列。
-
社交主頁: github/博客。
大概包括哪些東西設計好了，下來就是來設計整個簡歷了。
## 姓名
## 職位
郵箱/手機號/工作年限和職位
### 我的技能
數據庫/開發語言/測試工具/測試類型
### 求職意向
到崗時間/期望薪水/行業/目標技能
### 工作經驗
公司/工作時間/工作描述/主要業績
### 項目經驗
項目描述/職責描述
### 教育背景
大學/專業
### 社交主頁
github/博客
2. 使用純文字填充簡歷"
寫出來以后, 雖然看起來簡潔, 但是這要是打印成html的話, 是這樣的, 是純文字, 還是缺乏一點美感;
3. 預留空格
這一步需要預估一下自己需要的對齊方式, 為圖標留出來的空間，在markdown預留出來空格還有圖標的位置。
備注: 這一步非常重要, 因為這個時候不改的話, 等在html時候改會變得非常麻煩, html可讀性也沒有markdown可讀性好, 而且markdown文件就和html文件失去了銜接。。這一步我是用的vscode的preview markdown功能, 一步一步的改，這個階段完成以后是長這樣
4. 文章垂直方向的調整
4.1 調整字體
使用vscode的插件，導出為html, 用markdown繼續打開html文件，將字體切換為 ‘微軟雅黑’。
body {
font-family: "微軟雅黑", Helvetica, "微軟雅黑", Arial, sans-serif;
font-size: 16.5px;
line-height: 1.6;
}
4.2 調整邊距
下來我們在瀏覽器中打開這個html文件，Ctrl + P 打印。這時候我們發現, 要是用默認設置的話，我們寫的簡歷有可能並不是剛好填滿整個頁面的，要是截至是在頁面中間，那就比較不美觀。
我的做法是 1設置字體大小 2設置字體行間距 3調整打印的頁面邊距，盡可能的將簡歷填滿整個頁面。
字體大小和行間距的話，還是在body的css里面調整。
body {
font-family: "微軟雅黑", Helvetica, "微軟雅黑", Arial, sans-serif;
font-size: 16.5px;
line-height: 1.6;
}
頁面邊距是在瀏覽器中調整，盡量讓簡歷充滿整個頁面, 我們可以自定義頁面邊距。
5. 階段5 - 居中對齊
5.1 居中
比如我希望最后一行代碼居中。
<p>@2019 Made by Cheng Hang</p>
我是這樣做的，先給他加上class屬性，再用css設置文本居中。
<p class="bottom">@2019 Made by Cheng Hang</p>
.bottom {
text-align: center;
}
5.2 右對齊
我希望時間部分右對齊，不要用空格。比如這行代碼
<p>上海xxxx有限公司 2017年7月 - 至今</p>
我是這樣做的, 1把p標簽改為span標簽, 這樣雖然他們變成了兩個標簽但是還是在一行。
<span>上海xxxx有限公司</span> <span class="time">2017.07 - 至今</span>
再調整css, 讓第二個span標簽右對齊。
.time {
display:block;
float: right;
margin-right: 150px;
}
6. 階段6 - 加圖標
我是用的font-awesome，官方網址在這里
- 下載好font-awesome到當前文件夾;
- 引入css文件;
<link href="./font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
- 把占位的字符換成想要的圖標代碼, 大功告成。
<i class="fa fa-envelope"></i>
寫完以后的簡歷就是像這樣。
ps: 對於hr來說，一份簡歷最最最重要的信息就是三個，1姓名，2聯系方式，3申請投遞的職位，所以命名簡歷的時候最好是以這三個信息來命名簡歷。
本文希望對您有所幫助，如何問題可聯系我的個人微信
