HyperMDHyperMD：打破 Markdown 寫作 和 預覽 的 次元壁！版本：

HyperMD 是一組 [CodeMirror][] 插件、模式、主題、編輯器命令（Commands）和按鍵綁定（KeyMap）等。

你可以在一個頁面上同時使用 HyperMD 和 CodeMirror。

 寫作與預覽，只需一個框

• 各種常規 Markdown 元素
  • 粗體字、斜體字、刪除線、Code
  • 鏈接、圖片
  • 標題 / 引用塊 / 代碼塊 / 列表 / 水平分割線
• 擴展的 Markdown 語法
  • 簡單表格
  • 腳注 [^1]
  •  TODO 列表 (可點擊勾選框, 改變狀態)
  • YAML Front Matter

  <ul>
      <li>$\LaTeX$ 公式，同時支持行內塊與多行公式 [^4]</li>
      <li>Emoji <code>:joy:</code> => <img alt="joy" height="20" src="https://github.githubassets.com/images/icons/emoji/unicode/1f602.png" width="20" /> <a  rel="nofollow">(支持自定義的表情)</a></li>
  </ul>
  </li>
  <li><strong>以及一些特殊玩法</strong>，例如……
  <ul>
      <li>在 Markdown 里嵌入 HTML 標簽 -- WYSIWIG MDX 了解一下</li>
      <li>支持 #話題標簽 [^6] ，<a  rel="nofollow">查看演示</a></li>
      <li>流程圖 和 圖表 (<a  rel="nofollow">mermaid</a> 或者 <a  rel="nofollow">flowchart.js</a>)</li>
  </ul>
  </li>
  

  </ul>

   更好的 Markdown 寫作體驗

  • 復制粘貼，或者拖拽文件，即可 上傳圖片 和文件
  • 按著 Alt 點擊 可以打開鏈接，或者跳到腳注 [^1]
  • 鼠標懸停 可以查看腳注內容
  • 復制粘貼 自動轉換網頁內容為 Markdown [^5]
  • 好用的 按鍵綁定 (也叫做 KeyMap)

   CodeMirror 的好處，這里都有份

  • 代碼塊語法高亮 支持數百種語言 [^2]。高亮規則可按需動態載入。
  • 靈活可配置的按鍵綁定與 CodeMirror API
  • Diff and Merge
  • 各種主題 [^3]
  • 絕大多數 CodeMirror 插件 都可在 HyperMD 里使用

   可擴展，可配置

  • Power Pack 機制，用各種第三方庫和服務增強 HyperMD 功能
    • 例如 [MathJax][], [marked][], [KaTeX][] ...
    • 詳細列表
  • HyperMD 本身也是很模塊化的。

   特制的按鍵綁定(KeyMap) "HyperMD":

  • 表格
    • 回車 使用 | column | line | 創建表格
    • 回車 插入一行或者結束表格（如果最后一行的格子都是空的）
    • Tab 和 Shift-Tab 在表格間切換
  • 列表
    • Tab 和 Shift-Tab 改變當前列表項的縮進
  • 格式化 光標旁邊的單詞（或者選中的文字）
    • Ctrl+B 加粗
    • Ctrl+I 斜體
    • Ctrl+D 刪除線