前言
只要你有純文本編輯器，加上一條語句，瞬間它就可以成為 Markdown 編輯器。
Markdeep 是一個(gè)用來寫純文本的插件，它能以 Markdown 的語法與渲染方式純文本，并在網(wǎng)頁上展示。同時(shí)，除了 Markdown 語法，Markdeep 還額外支持圖表、數(shù)學(xué)方程等擴(kuò)展能力。
項(xiàng)目主頁：casual-effects.com/markdeep/
我們先看看效果，如下左邊是純文本編輯器的編輯頁面，右邊是在瀏覽器上的渲染效果：
Markdeep 非常容易使用，它也不需要安裝插件或聯(lián)網(wǎng)。如上所示只要在純文本最后加上「
看著 Markdeep 很簡單，但它的功能卻不少，一點(diǎn)也不遜色于 Typora 等正統(tǒng)的 Markdown 編輯器。不論我們是寫項(xiàng)目的 README 文檔、實(shí)驗(yàn)報(bào)告，還是要做 PPT 或?qū)懻撐?，它都能滿足。該項(xiàng)目提供了很多示例，例如生成的 PPT 是什么樣的，后文會(huì)具體展示。
開源代碼
Markdeep 是開源的，所以可以直接下載和修改源代碼文件
markdeep.js。整個(gè)編輯器就是一個(gè) JavaScript 腳本，上面定義了各種格式與渲染方式。作者表示，目前他正研究該如何有效降低腳本文件大小。
用于表格處理的部分代碼，整個(gè)腳本有超過 5000 行代碼。
腳本源碼地址：casual-effects.com/markdeep/latest/markdeep.js
作者表示，這個(gè)項(xiàng)目本來就是一個(gè)業(yè)余項(xiàng)目，它并不會(huì)有完整的技術(shù)支持。
不過只要提交的 Bug 足夠具體，作者都會(huì)完善它。此外，該項(xiàng)目還會(huì)經(jīng)常加入一些新特性，從 2015 年 10 月份的第一版，到今年 2 月份的最新版，這個(gè)編輯器已經(jīng)維護(hù)了很長時(shí)間。
Markdeep 怎么用
如果你需要?jiǎng)?chuàng)建一個(gè) Markdeep 的文件，只需要打開任意一個(gè)文本編輯器，然后開始編輯。完成文本編輯工作后，只需要在其底部寫下一個(gè)簡單的代碼就行了。然后，將這個(gè)文檔保存為純文本文件，使用 .md.html 為擴(kuò)展名。
腳本源碼地址：casual-effects.com/markdeep/latest/markdeep.js
作者表示，這個(gè)項(xiàng)目本來就是一個(gè)業(yè)余項(xiàng)目，它并不會(huì)有完整的技術(shù)支持。不過只要提交的 Bug 足夠具體，作者都會(huì)完善它。此外，該項(xiàng)目還會(huì)經(jīng)常加入一些新特性，從 2015 年 10 月份的第一版，到今年 2 月份的最新版，這個(gè)編輯器已經(jīng)維護(hù)了很長時(shí)間。
Markdeep 怎么用
如果你需要?jiǎng)?chuàng)建一個(gè) Markdeep 的文件，只需要打開任意一個(gè)文本編輯器，然后開始編輯。完成文本編輯工作后，只需要在其底部寫下一個(gè)簡單的代碼就行了。然后，將這個(gè)文檔保存為純文本文件，使用 .md.html 為擴(kuò)展名。
<style class="fallback">body{visibility:hidden;white-space:pre;font-family:monospace}style>
<script src="markdeep.min.js" charset="utf-8">
script><script src="https://casual-effects.com/markdeep/latest/markdeep.min.js" charset="utf-8">script>
<script>window.alreadyProcessedMarkdeep||(document.body.style.visibility="visible")script>
如果你希望在源文檔中使用 Unicode，則需要在文檔頂部先加上這句話：
<meta charset="utf-8">
想要看看效果？你可以將文本拖入瀏覽器或雙擊它。即使網(wǎng)絡(luò)離線也可以查閱文檔。如果不想因?yàn)殡x線而失去格式，可以將 markdeep.min.js 文件和文檔保存在一個(gè)文件夾中。
如果想要看看 Markdeep 原始文本，在文件 URL 最后加上「?noformat」即可。
上手示例
小編隨手測試了幾個(gè)典型 Markdown 語法，比如：代辦列表、自動(dòng)鏈接、表格、內(nèi)聯(lián)圖片、代碼。與此同時(shí)，LaTeX 的數(shù)學(xué)表達(dá)式和圖形也能直接設(shè)計(jì)，而不需要任何插件。具體效果可參考：
簡而言之，配備完善，對(duì)于熟悉 Markdown 的小伙伴來說，用起來會(huì)十分順手及方便。這意味著，在有網(wǎng)的情況下，隨意拎一個(gè)文本編輯器后，就再也沒有人能攔得了你使用 Markdown 了。與此同時(shí)，時(shí)時(shí)預(yù)覽效果也非常簡便，只需要在文本編輯器里修改，瀏覽器中刷新下便可呈現(xiàn)最新效果。
Markdeep 能干什么
只要是 Markdown 支持的，Markdeep 就能夠支持，它在業(yè)界和學(xué)術(shù)界能得到廣泛使用。
如下所示，各種題材與格式的文檔都能用 Markdeep 完成：
API 文檔
教學(xué)大綱
游戲設(shè)計(jì)文件
家庭作業(yè)
課程 PPT
軟件庫網(wǎng)站
個(gè)人博客
簡歷
論文
看起來 Markdeep 似乎什么都能做，項(xiàng)目作者同樣也展示了這些方面的效果圖：
Markdeep 制作的 PPT。
Markdeep 制作的個(gè)人簡歷。
總之，除了使用方便、展示炫酷，Markdeep 的功能也是非常強(qiáng)大。
正如其它開發(fā)者所強(qiáng)調(diào)的，Markdeep 是能制作簡單圖表的 Markdown 工具，它以一種「ASCII Art」的方式用純文本制作出圖形，并且不用渲染也非常明晰。
2020年，愿所有人都能幸福將康，每天開心，被這個(gè)世界溫柔對(duì)待
?歡迎關(guān)注于哥的技術(shù)公眾號(hào)【終端研發(fā)部】，話癆技術(shù)，職場，招聘，在線面試，進(jìn)階提升。沒有做不到的，只有想不到的?；貜?fù)1024即可獲得相關(guān)的學(xué)習(xí)資料
