三銀四即將到來，你是否已準備好找工作？機會永遠屬于有準備的人。專業技能的復習和梳理是少不了的；個人簡歷當然也是必不可少的，一份精美的簡歷能讓你大大增加面試機會。

你是怎樣寫簡歷？還在詬病簡歷一眼看去沒有出彩的地方？你還在使用 Word 寫簡歷嗎？這種方式早已 Out了。假如你用的微軟 Office 寫的簡歷，人家用的 WPS 打開你的簡歷，格式肯定會錯亂。而且很多Word 版炫酷樣式的簡歷模板都是收費的。懂一點技術的我們應該通過技術手段寫一份免費又精美的簡歷。簡歷格式最好是 pdf ，不管通過什么工具打開都不會出現格式錯亂的問題。

為了讓大家不輸在面試的起跑線上，為了凸顯個人專業技能的特點，為了讓面試官眼前一亮。我篩選出最優的三種方式寫簡歷，希望能幫到大家。三種方式如下：

1. Markdown 寫個人簡歷
2. 單頁面 HTML 代碼寫個人簡歷
3. 前端項目寫個人簡歷

Markdown 內容生成簡歷

準備工作

• 掌握 Markdown 基本語法。標題、內容強調、段落、代碼塊、圖片鏈接等。
• 掌握 HTML、CSS 基本語法，因為 Markdown 編輯器支持 HTML 內容。

寫簡歷

Markdown 基本語法

1. 標題，使用 # 可代表 1~6 級標題。例如：### 表示三級標題。
2. 內容強調，在強調內容兩側分別加上 * 或者 _。例如：*斜體*、_斜體_ 表示斜體；**加粗**、__加粗__ 表示內容加粗。
3. 使用 ·、+、或 - 標記無序列表。
4. 圖片鏈接，例如：。
5. 代碼塊，以“```”括起來的內容。
6. 區間引用，在段落的每行或者只在第一行使用符號 >。

在線寫簡歷

訪問 冷熊簡歷，首頁效果如下圖：

一方面參考簡歷模板，這里我推薦一個開源項目 ResumeSample，它包含 Java、C、Php、Android、Web 等簡歷模板。另一方面添加自己的工作經驗，將簡歷內容豐富起來。

生成簡歷

簡歷內容寫完后，點擊“PDF”就可以將在線的 Markdown 格式的簡歷轉化為 PDF 格式，我們就可以在各大找工作，App 投放這份簡歷了。最終導入的簡歷效果如下圖：

注意一下，Markdown 文檔如何添加個人圖像？有很多方式，這里我直接用的 HTML 代碼來實現的。在 Markdown 文件中添加如下代碼，就可將圖像添加到你指定位置。

<div style="float:right">
    <img width="180" src="https://pic1.zhimg.com/v2-e38d6ca59c245f74665a1d2241fc69cc_b.jpg" >
</div>

其實很簡單，上面代碼用到了兩個 HTML 標簽：div、img，div 標簽添加了內嵌樣式，讓 div 右對齊，img 設置了 width 屬性，指定圖片的寬度。

本地寫簡歷

點擊“下載”功能，可將我們寫好的 Markdown 格式的簡歷下載到本地。本地安裝 Markdown 編輯器 Typora 可以通過此工具的將 Markdown 格式轉化為 PDF 格式，以后我們寫簡歷直接在本地修改就可以。Typora 下載地址，在“文件”->“導出”->“PDF”，即可導出文件。

Markdown 添加自定義樣式，優化顯示效果，打開 Typora 工具，“文件”->“偏好設置…”，如下圖：

打開主題，找到 Typora 工具存放主題的位置，將我們自定義的主題文件 xx.css 拷貝到此文件。重啟 Typora 工具，就可看到我們自定義的主題。自定義樣式寫法就是 CSS 樣式書寫的格式，可以參考一下簡歷模板樣式。

添加小圖標

根據自己的需要在標題上可添加相應的小圖標做點綴。在網絡中找到所需要的小圖標保存到本地，然后將小圖標添加到對應位置。在阿里巴巴矢量圖標庫下載你所需要的小圖標，格式為 SVG，需要什么圖片搜索一下都能找到。添加下面代碼到 Markdown 文件即可，代碼如下：

<img src="assets/info-circle-solid.svg" width="30px">

簡歷的最終效果如下圖：

單頁面 HTML 代碼生成簡歷

準備工作

• 安裝 Python 開發環境，主要是使用 Python 命令將 HTML 頁面轉為 PDF 文件。
• 安裝 wkhtmltopdf 和 PDFKit，主要用途是將 HTML 頁面轉為 PDF 文件所依賴的插件。
• 掌握 Git 基本指令：克隆代碼（git clone），更新代碼（git pull），添加代碼（git add），提交代碼（git push）。
• 掌握 HTML、CSS 基本語法，掌握 HTML 常用標簽的含義。
• 掌握 HTML 開發工具 NotePad++、VS Code。

寫簡歷

安裝 Python 開發環境

Python 下載地址

本機本機操作系統（32 位/64 位）下載對應的版本。這里我下載的版本是 3.7.3。

安裝程序下載好，點擊 next 就可以安裝成功。

使用快捷鍵 Win +R 打開命令行窗口，輸入：python -V，如下圖表示 Python 安裝成功。

安裝 wkhtmltopdf 和 PDFKit 插件

wkhtmltopdf 下載地址

安裝完成后把 bin 目錄中的可執行 wkhtmltopdf.exe 文件放在模板目錄下, 例如：awesome-resume\free。

使用快捷鍵 Win +R 打開命令行窗口，在命令執行如下命令，安裝 PDFKit 插件。

pip install pdfkit  #安裝 pdfkit 插件

下載項目

使用下面命令，將項目下載到本地：

cd D:\projects    #切換到本地目錄
git clone https://github.com/resumejob/awesome-resume/   #下載項目

填充內容

根據個人的喜好，可以通過文本編輯器 NodePad++ 或者開發工具 VS Code 修改 HTML 頁面。這里我用的是 VS Code 打開的。

打開 awesome-resume\free\free_resume.html 文件，這個文件就是我們要寫的簡歷。閱讀源碼可知，找到下面對應區域就是要修改的內容：

<!-- base-info指基礎信息，包括頭像，姓名，郵箱，電話，鏈接等  -->
<!-- 個人簡介部分 -->
<!-- 技能列表部分 -->
<!-- 工作經歷部分 -->
<!-- 教育經歷部分 -->
<!-- 志愿者工作部分 -->

根據自己的需要可以對頁面的元素進行增刪操作。此項目的說明文檔 README.md 也包含很多寫簡歷常用的例句，可以供我們可以借鑒一下！

關鍵內容高亮

簡歷主要是對自己的簡單介紹，當別人第一眼看到你的簡歷，就能通過一些高亮內容所吸引，然后繼續閱讀你的簡歷。所以不管你沒有經驗，又或者經驗特別豐富，簡歷需要高亮你的一些技術專長、工作亮點等。高亮關鍵內容使用 <b></b> 標簽。

添加小圖標

這里提供兩個網站：

• fontawesome 官網
• fontawesome 中文官網

根據自己的需求可自定義頁面的圖標。打開小圖標網站，選擇你需要的圖標：

復制如下代碼添加到你需要的位置：

<i class="fab fa-github"></i>

樣式調整

一般寫樣式有兩種方式：內聯樣式、外部樣式。

內聯樣式即直接在 HTML 元素上添加樣式，例如：

 <p style="position: relative;left: 22px;font-size: 15px;">規模：30人 | 時長：7個月</p>

外部樣式即創建樣式文件，在樣式文件中定義樣式，然后在需要的 HTML 頁面引用樣式文件并使用，例如：

my.css 文件內容如下：

.banner-div {
    background-image: url("../imgs/banner.png"); 
    background-repeat: no-repeat;
    height: 24px;
    display: block;
    padding-top: 3px;
    padding-left: 6px;
    margin-bottom: 10px;
}

free.html 文件引入 my.css 文件。

<link rel="stylesheet" href="css/my.css">

頁面中使用外部樣式如下：

<div class="banner-div">
   <span class="banner-span">
       <i class="white-icon fas fa-user"></i> 個人簡介
   </span>
</div>

生成 PDF 文件

執行如下命令，即可將 HTML 轉化為 PDF 文件。

cd D:\projects\awesome-resume
python3 convert.py  #html 格式轉為 pdf 

最終的效果如下圖：

前端項目生成簡歷

準備工作

• 掌握 Git 基本指令：克隆代碼（git clone），更新代碼（git pull），添加代碼（git add），提交代碼（git push）。
• 掌握 HTML、CSS 基本語法，掌握 HTML 常用標簽的含義。
• 掌握 yaml 語法，yaml 是專門用來編寫配置文件的語言，簡潔又方便。
• 安裝 Node.js 環境，并且 Node.js 版本大于 8.5.0。
• 若需要對項目改造，需要掌握 Vue 語法。

寫簡歷

安裝 Node.js

Node.js 下載地址，根據自己的操作系統（32 位 / 64 位），下載對應的 msi 安裝文件后，雙擊打開安裝，next 即可安裝完成。

使用 WIN + R 快捷鍵打開快捷輸入，輸入 CMD 打開命令行窗口，輸入 node -v 查看 Node.js 版本。顯示如下內容表示 Node.js 安裝成功。

下載項目

使用下面命令，將項目下載到本地：

cd D:\projects    #切換到本地目錄
git clone https://github.com/Ovilia/cv    #下載項目

修改內容

在 resume/ 目錄中撰寫你的簡歷。data.yml 文件寫簡歷需要呈現的內容。id.jpg 替換為你自己的證件。

如果本項目要在 Windows 下運行，需修改 data.yml 文件字符集為 UTF-8，這里我通過 Nodepad++ 修改的。

其他文本編輯器也可以修改文件字符集。

data.yml 的內容如下：

/* #*/ export const PERSON = `
name:
  first: 王
  middle: 小
  last: 二
  about: 嗨，我叫王小二。我只是最無聊的人可以想象。我喜歡從后院的樹上收集樹葉并進行記錄。每次我吃不均勻的花生。我不是機器人。請雇用我。
position: Web 前端開發工程師
......
contact:
  email: huaairen@sina.com
  phone: 13366547894
  street: 科技路 99號
  city: 陜西西安
  website: blog.restlessman.cn
  github: github.com/hellowHuaairen
# en, de, fr, pt, ca, cn, it, es, th, pt-br, ru, sv, id, hu, pl, ja, ka, nl, he, zh-tw, lt, ko, el, nb-no
lang: cn   #這里表示顯示的語言，cn 表示中文顯示
`

修改 .eslintrc.json 文件內容，將下面內容中“unix”改為“windows”，因為我本地是 Windows 環境。

    "linebreak-style": [
      "error",
      "unix"
    ],

運行項目

在項目根目錄，執行下面代碼就可以運行項目：

npm install  #安裝依賴
npm run dev  #本地運行

打開瀏覽器，在瀏覽器中訪問：http://localhost:8080/home。

項目提供了 9 種簡歷模板，點擊哪一種模板會自動生成對應簡歷。如下圖：

生成簡歷

在項目根目錄，使用 WIN + R 快捷鍵打開命令行窗口，執行 npm run export 命令，項目會讀取 resume 目錄下的數據（yml 文件內容和 id.jpg），會在 PDF 目錄下生成所有模板的簡歷。根據自己的需求選擇相應的簡歷。

總結

本文分享了三種方式寫個人簡歷，它們各有特點：

• 第一種方式是基于 Markdown 、HTML、CSS 語法為基礎寫個人簡歷，在線寫簡歷不需要安裝任何軟件，本地寫簡歷需要安裝 Typora 工具，兩種方式都操作比較靈活，高度自定義。
• 第二種是基于 HTML、CSS，高度自定義。需要寫 HTML 代碼來實現的，依賴于瀏覽器預覽頁面效果。還需要安裝 Python 開發環境和兩個插件。生成簡歷只需一行命令就可將 HTML 格式的文件轉化為 PDF 格式。 此方式前期準備工作稍微麻煩一些，環境安裝好后期使用特別方便。
• 第三種方式是基于 Node.js 的項目，yml 文件添加簡歷相關內容，保存 yml 文件會自動刷新頁面效果，并可以通過命令直接生成多種樣式的 PDF 格式簡歷，也支持部署項目，在線訪問個人簡歷。安裝簡單，支持自定義簡歷模板。