只需一行代碼,你的純文本秒變Markdown

只要你有純文本編輯器,加上一條語句,瞬間它就能夠成爲 Markdown 編輯器。
html

機器之心報道,機器之心編輯部。
瀏覽器

Markdeep 是一個用來寫純文本的插件,它能以 Markdown 的語法與渲染方式純文本,並在網頁上展現。同時,除了 Markdown 語法,Markdeep 還額外支持圖表、數學方程等擴展能力。bash


咱們先看看效果,以下左邊是純文本編輯器的編輯頁面,右邊是在瀏覽器上的渲染效果:


Markdeep 很是容易使用,它也不須要安裝插件或聯網。如上所示只要在純文本最後加上「<!—Markdeep→」那一行的表達式,它就能夠變成一個地道的 Markdown 編輯器。Markdeep 不須要額外安裝任何東西,也不須要導出、編譯等雜七雜八的過程。

看着 Markdeep 很簡單,但它的功能卻很多,一點也不遜色於 Typora 等正統的 Markdown 編輯器。不論咱們是寫項目的 README 文檔、實驗報告,仍是要作 PPT 或寫論文,它都能知足。該項目提供了不少示例,例如生成的 PPT 是什麼樣的,後文會具體展現。

開源代碼

Markdeep 是開源的,因此能夠直接下載和修改源代碼文件 markdeep.js。整個編輯器就是一個 JavaScript 腳本,上面定義了各類格式與渲染方式。做者表示,目前他正研究該如何有效下降腳本文件大小。

用於表格處理的部分代碼,整個腳本有超過 5000 行代碼。

腳本源碼地址: casual-effects.com/markdeep/la…

做者表示,這個項目原本就是一個業餘項目,它並不會有完整的技術支持。不過只要提交的 Bug 足夠具體,做者都會完善它。此外,該項目還會常常加入一些新特性,從 2015 年 10 月份的初版,到今年 2 月份的最新版,這個編輯器已經維護了很長時間。

Markdeep 怎麼用

若是你須要建立一個 Markdeep 的文件,只須要打開任意一個文本編輯器,而後開始編輯。完成文本編輯工做後,只須要在其底部寫下一個簡單的代碼就好了。而後,將這個文檔保存爲純文本文件,使用 .md.html 爲擴展名。

<!-- Markdeep: --><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">複製代碼

想要看看效果?你能夠將文本拖入瀏覽器或雙擊它。即便網絡離線也能夠查閱文檔。若是不想由於離線而失去格式,能夠將 markdeep.min.js 文件和文檔保存在一個文件夾中。

若是想要看看 Markdeep 原始文本,在文件 URL 最後加上「?noformat」便可。

上手示例

小編隨手測試了幾個典型 Markdown 語法,好比:代辦列表、自動連接、表格、內聯圖片、代碼。與此同時, LaTeX 的數學表達式和圖形也能直接設計,而不須要任何插件。具體效果可參考:


簡而言之,配備完善,對於熟悉 Markdown 的小夥伴來講,用起來會十分順手及方便。這意味着,在有網的狀況下,隨意拎一個文本編輯器後,就再也沒有人能攔得了你使用 Markdown 了。與此同時,時時預覽效果也很是簡便,只須要在文本編輯器裏修改,瀏覽器中刷新下即可呈現最新效果。

Markdeep 能幹什麼

只要是 Markdown 支持的,Markdeep 就可以支持,它在業界和學術界能獲得普遍使用。以下所示,各類題材與格式的文檔都能用 Markdeep 完成:
  • API 文檔編輯器

  • 教學大綱工具

  • 遊戲設計文件測試

  • 家庭做業網站

  • 課程 PPTspa

  • 軟件庫網站插件

  • 我的博客

  • 簡歷

  • 論文


看起來 Markdeep 彷佛什麼都能作,項目做者一樣也展現了這些方面的效果圖:

Markdeep 製做的 PPT。

Markdeep 製做的我的簡歷。

總之,除了使用方便、展現炫酷,Markdeep 的功能也是很是強大。正如其它開發者所強調的,Markdeep 是能製做簡單圖表的 Markdown 工具,它以一種「ASCII Art」的方式用純文本製做出圖形,而且不用渲染也很是明晰。
相關文章
相關標籤/搜索