<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

          共 2051字,需瀏覽 5分鐘

           ·

          2021-01-19 07:39


          來自:公眾號(hào)機(jī)器之心

          只要你有純文本編輯器,加上一條語句,瞬間它就可以成為 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 行代碼。

          腳本源碼地址:https://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」即可。

          # 上手示例

          小編隨手測(cè)試了幾個(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」的方式用純文本制作出圖形,并且不用渲染也非常明晰。


          良許個(gè)人微信


          添加良許個(gè)人微信即送3套程序員必讀資料


          → 精選技術(shù)資料共享

          → 高手如云交流社群





          本公眾號(hào)全部博文已整理成一個(gè)目錄,請(qǐng)?jiān)诠娞?hào)里回復(fù)「m」獲??!

          推薦閱讀:

          2020互聯(lián)網(wǎng)大廠職級(jí)對(duì)應(yīng)薪資一覽表。

          一份兩百億閱讀的 Git 教程!

          阿里徹底拆中臺(tái)了!


          5T技術(shù)資源大放送!包括但不限于:C/C++,Linux,Python,Java,PHP,人工智能,單片機(jī),樹莓派,等等。在公眾號(hào)內(nèi)回復(fù)「1024」,即可免費(fèi)獲取??!


          瀏覽 35
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          評(píng)論
          圖片
          表情
          推薦
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          <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>
                  国产真实乱婬A片三区高 | 麻豆精品在线 | 在线免费看逼视频 | 国产欧美日韩免费看 | 亚洲性爱电影在线 |