HTML打字炫酷特效個人簡歷源碼

一款非常大氣美觀自動寫代碼的個人簡歷源碼

源碼純黑風格，主要是營造一個程序員編輯器的感覺。

感覺就像是人在寫代碼一般。

下載資源在評論區里喲~

前去面試都拿的紙質簡歷，去一家公司浪費一份簡歷，因為你能不保證你只去一次就能面試成功。

今天做了一份html簡歷，準備掛到網站上，以后面試時直接看網站，一舉兩得。

先附html截圖，后面有源碼

下面附源碼

<!DOCTYPE html>

<html>

<head>

margin: 0;

padding: 0;

border: none;

font-size: 12px;

}

#jianil{

width: 797px;

margin: 0 auto;

border: solid 1px #DCDDDF;

}

#jianil .one{

background: url(images/toubu.png);

width: 797px;

height: 90px;

font-size: 30px;

color: white;

font-weight: bold;

text-align: center;

margin-bottom: 0;

line-height: 90px;

}

#jianil ul{

width: 771px;

margin-left: 13px;

margin-top: 40px;

}

#jianil ul li{

font-size: 20.5px;

background: url(images/tubia.png) no-repeat;

list-style: none;

text-indent:1.8em;

line-height: 30px;

margin-bottom: 20px;

border-bottom: 1px solid #DCDDDF;

}

#jianil ul li.none1{

border-bottom: none;

}

#jianil ul li p{

font-size: 15px;

}

</style>

</head>

<body>

<ul>

<li>個人信息

<p>

姓名：XX#12288;

性別：男#12288;

籍貫：XX#12288;

年齡:21#12288;

</p>

<p>

手機：XXXXXXXXXXX#12288;

院校：XXXX學院#12288;

專業：XX#12288;

學歷：XX#12288;

</p>

</li>

<li>教育背景

<p>

2014.8-2016.6nbsp;XXXX學院

</p>

<p>

你在學習學了那些東西？

</p>

</li>

<li>最近工作

<p>

2016.6-2016.12nbsp;你最近的工作公司nbsp;工作崗位

</p>

<p>

工作內容

</p>

</li>

<li>專業技能

<p>

你會什么

</p>

</li>

<li>相關證書

</li<

<li class=none1>自我評價

<p>

你對于自己是是怎么評價的？

</p>

</li>

</ul>

</div>

</body>

</html>

需要鏈接的兩張背景圖

整頁源碼截圖

溫馨提示：body里可以添上oncontextmenu=self.event.returnValue=false onselectstart=return false（禁止復制網頁，禁止網頁右鍵）

如果你喜歡本文的話，可以關注作者頭條號，每天都會有網站開發干貨與你分享哦！

者： SnailClimb

Markdown 簡歷模板樣式一覽

可以看到我把聯系方式放在第一位，因為公司一般會與你聯系，所以把聯系方式放在第一位也是為了方便聯系考慮。

為什么要用 Markdown 寫簡歷？

Markdown 語法簡單，易于上手。使用正確的 Markdown 語言寫出來的簡歷不論是在排版還是格式上都比較干凈，易于閱讀。另外，使用 Markdown 寫簡歷也會給面試官一種你比較專業的感覺。

除了這些，我覺得使用 Markdown 寫簡歷可以很方便將其與PDF、HTML、PNG格式之間轉換。后面我會介紹到轉換方法，只需要一條命令你就可以實現 Markdown 到 PDF、HTML 與 PNG之間的無縫切換。

下面的一些內容我在之前的一篇文章中已經提到過，這里再說一遍，最后會分享如何實現Markdown 到 PDF、HTML、PNG格式之間轉換的方法。

為什么說簡歷很重要？

假如你是網申，你的簡歷必然會經過HR的篩選，一張簡歷HR可能也就花費10秒鐘看一下，然后HR就會決定你這一關是Fail還是Pass。
假如你是內推，如果你的簡歷沒有什么優勢的話，就算是內推你的人再用心，也無能為力。
另外，就算你通過了篩選，后面的面試中，面試官也會根據你的簡歷來判斷你究竟是否值得他花費很多時間去面試。

寫簡歷的兩大法則

目前寫簡歷的方式有兩種普遍被認可，一種是 STAR，一種是 FAB。

STAR法則（Situation Task Action Result）：

Situation： 事情是在什么情況下發生；
Task:： 你是如何明確你的任務的；
Action： 針對這樣的情況分析，你采用了什么行動方式；
Result： 結果怎樣，在這樣的情況下你學習到了什么。

FAB 法則（Feature Advantage Benefit）：

Feature： 是什么；
Advantage： 比別人好在哪些地方；
Benefit： 如果雇傭你，招聘方會得到什么好處。

項目經歷怎么寫？

簡歷上有一兩個項目經歷很正常，但是真正能把項目經歷很好的展示給面試官的非常少。對于項目經歷大家可以考慮從如下幾點來寫：

對項目整體設計的一個感受
在這個項目中你負責了什么、做了什么、擔任了什么角色
從這個項目中你學會了那些東西，使用到了那些技術，學會了那些新技術的使用
另外項目描述中，最好可以體現自己的綜合素質，比如你是如何協調項目組成員協同開發的或者在遇到某一個棘手的問題的時候你是如何解決的。

專業技能該怎么寫？

先問一下你自己會什么，然后看看你意向的公司需要什么。一般HR可能并不太懂技術，所以他在篩選簡歷的時候可能就盯著你專業技能的關鍵詞來看。對于公司有要求而你不會的技能，你可以花幾天時間學習一下，然后在簡歷上可以寫上自己了解這個技能。比如你可以這樣寫：

Dubbo：精通
Spring：精通
Docker：掌握
SOA分布式開發：掌握
Spring Cloud:了解

簡歷模板分享

開源程序員簡歷模板： https://github.com/geekcompany/ResumeSample（包括PHP程序員簡歷模板、iOS程序員簡歷模板、Android程序員簡歷模板、Web前端程序員簡歷模板、Java程序員簡歷模板、C/C++程序員簡歷模板、NodeJS程序員簡歷模板、架構師簡歷模板以及通用程序員簡歷模板）

上述簡歷模板的改進版本： https://github.com/Snailclimb/Java-Guide/blob/master/面試必備/簡歷模板.md

其他的一些小tips

盡量避免主觀表述，少一點語義模糊的形容詞，盡量要簡潔明了，邏輯結構清晰。
注意排版（不需要花花綠綠的），盡量使用Markdown語法。
如果自己有博客或者個人技術棧點的話，寫上去會為你加分很多。
如果自己的Github比較活躍的話，寫上去也會為你加分很多。
注意簡歷真實性，一定不要寫自己不會的東西，或者帶有欺騙性的內容
項目經歷建議以時間倒序排序，另外項目經歷不在于多，而在于有亮點。
如果內容過多的話，不需要非把內容壓縮到一頁，保持排版干凈整潔就可以了。
簡歷最后最好能加上：“感謝您花時間閱讀我的簡歷，期待能有機會和您共事。”這句話，顯的你會很有禮貌。

我們剛剛講了很多關于如何寫簡歷的內容并且分享了一份 Markdown 格式的簡歷文檔。下面我們來看看如何實現 Markdown 到 HTML格式、PNG格式之間轉換。

Markdown 到 HTML格式、PNG格式之間轉換

網上很難找到一個比較方便并且效果好的轉換方法，最后我是通過 Visual Studio Code 的 Markdown PDF 插件完美解決了這個問題！

安裝 Markdown PDF 插件

① 打開Visual Studio Code ，按快捷鍵 F1，選擇安裝擴展選項

② 搜索 “Markdown PDF” 插件并安裝，然后重啟

使用方法

隨便打開一份 Markdown 文件點擊F1，然后輸入 export 然后選擇你想要轉換的格式即可！

在線咨詢

上一篇：第二章 Vue指令
下一篇：Dreamweaver CC 網頁制作：插入視頻

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

HTML打字炫酷特效個人簡歷源碼

您的項目需求