用markdown + html寫一封簡歷

• 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，官方網址在這裏

1. 下載好font-awesome到當前文件夾;
2. 引入css文件;

<link href="./font-awesome-4.7.0/css/font-awesome.min.css"  rel="stylesheet" type="text/css">

1. 把佔位的字符換成想要的圖標代碼, 大功告成。

<i class="fa fa-envelope"></i>

寫完之後的簡歷就是像這樣。

ps: 對於hr來講，一份簡歷最最最重要的信息就是三個，1姓名，2聯繫方式，3申請投遞的職位，因此命名簡歷的時候最好是以這三個信息來命名簡歷。

---

本文但願對您有所幫助，如何問題可聯繫個人我的微信