<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          一行代碼讓純文本編輯器秒變 Markdown 編輯器

          共 1746字,需瀏覽 4分鐘

           ·

          2020-03-05 23:21

          b1f56778d59a640001dd1cf1e821fa47.webp

          轉(zhuǎn)自機器之心
          只要你有純文本編輯器,加上一條語句,瞬間它就可以成為 Markdown 編輯器。

          Markdeep 是一個用來寫純文本的插件,它能以 Markdown 的語法與渲染方式純文本,并在網(wǎng)頁上展示。同時,除了 Markdown 語法,Markdeep 還額外支持圖表、數(shù)學方程等擴展能力。
          項目主頁:https://casual-effects.com/markdeep/
          我們先看看效果,如下左邊是純文本編輯器的編輯頁面,右邊是在瀏覽器上的渲染效果:
          73b2e264582a0e4489d713d96d995754.webp
          Markdeep 非常容易使用,它也不需要安裝插件或聯(lián)網(wǎng)。如上所示只要在純文本最后加上「
          看著 Markdeep 很簡單,但它的功能卻不少,一點也不遜色于 Typora 等正統(tǒng)的 Markdown 編輯器。不論我們是寫項目的 README 文檔、實驗報告,還是要做 PPT 或?qū)懻撐?,它都能滿足。該項目提供了很多示例,例如生成的 PPT 是什么樣的,后文會具體展示。
          開源代碼

          Markdeep 是開源的,所以可以直接下載和修改源代碼文件 markdeep.js。整個編輯器就是一個 JavaScript 腳本,上面定義了各種格式與渲染方式。作者表示,目前他正研究該如何有效降低腳本文件大小。
          0ce6af5bf2ff7fbcf13eae5d950f716b.webp用于表格處理的部分代碼,整個腳本有超過 5000 行代碼。
          腳本源碼地址:https://casual-effects.com/markdeep/latest/markdeep.js
          作者表示,這個項目本來就是一個業(yè)余項目,它并不會有完整的技術(shù)支持。不過只要提交的 Bug 足夠具體,作者都會完善它。此外,該項目還會經(jīng)常加入一些新特性,從 2015 年 10 月份的第一版,到今年 2 月份的最新版,這個編輯器已經(jīng)維護了很長時間。
          Markdeep 怎么用
          如果你需要創(chuàng)建一個 Markdeep 的文件,只需要打開任意一個文本編輯器,然后開始編輯。完成文本編輯工作后,只需要在其底部寫下一個簡單的代碼就行了。然后,將這個文檔保存為純文本文件,使用 .md.html 為擴展名。
          <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,則需要在文檔頂部先加上這句話:

          想要看看效果?你可以將文本拖入瀏覽器或雙擊它。即使網(wǎng)絡(luò)離線也可以查閱文檔。如果不想因為離線而失去格式,可以將 markdeep.min.js 文件和文檔保存在一個文件夾中。
          如果想要看看 Markdeep 原始文本,在文件 URL 最后加上「?noformat」即可。
          上手示例
          小編隨手測試了幾個典型 Markdown 語法,比如:代辦列表、自動鏈接、表格、內(nèi)聯(lián)圖片、代碼。與此同時,LaTeX 的數(shù)學表達式和圖形也能直接設(shè)計,而不需要任何插件。具體效果可參考:
          70fbd6d1e893b5883a7bb6d638659bc0.webp
          簡而言之,配備完善,對于熟悉 Markdown 的小伙伴來說,用起來會十分順手及方便。這意味著,在有網(wǎng)的情況下,隨意拎一個文本編輯器后,就再也沒有人能攔得了你使用 Markdown 了。與此同時,時時預(yù)覽效果也非常簡便,只需要在文本編輯器里修改,瀏覽器中刷新下便可呈現(xiàn)最新效果。
          Markdeep 能干什么
          只要是 Markdown 支持的,Markdeep 就能夠支持,它在業(yè)界和學術(shù)界能得到廣泛使用。如下所示,各種題材與格式的文檔都能用 Markdeep 完成:
          • API 文檔

          • 教學大綱

          • 游戲設(shè)計文件

          • 家庭作業(yè)

          • 課程 PPT

          • 軟件庫網(wǎng)站

          • 個人博客

          • 簡歷

          • 論文


          看起來 Markdeep 似乎什么都能做,項目作者同樣也展示了這些方面的效果圖:
          b32c5303d0bf3489eba8cbb7f185bd26.webpMarkdeep 制作的 PPT。
          8f5a06bbd0ecbac0d6084b9483080ad5.webpMarkdeep 制作的個人簡歷。
          總之,除了使用方便、展示炫酷,Markdeep 的功能也是非常強大。正如其它開發(fā)者所強調(diào)的,Markdeep 是能制作簡單圖表的 Markdown 工具,它以一種「ASCII Art」的方式用純文本制作出圖形,并且不用渲染也非常明晰。
          好文章,我在看??
          瀏覽 36
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  91久久婷婷国产麻豆精品 | 五月综合激情 | 黄色A片网址 | 日本黄色视频。 | 免费公开成人视频 |