HyperMD 是一组 [CodeMirror][] 插件、模式、主题、编辑器命令(Commands)和按键绑定(KeyMap)等。

你可以在一个页面上同时使用 HyperMD 和 CodeMirror。

rainbow 写作与预览,只需一个框

  • 各种常规 Markdown 元素
    • 粗体字斜体字、删除线、Code
    • 链接、图片
    • 标题 / 引用块 / 代码块 / 列表 / 水平分割线
    </li>
  • 扩展的 Markdown 语法
    • 简单表格
    • 脚注 [^1]
    •  TODO 列表 (可点击勾选框, 改变状态)
    • YAML Front Matter
    • </ul> </li>
    • 以及一些特殊玩法,例如……
      • 在 Markdown 里嵌入 HTML 标签 -- WYSIWIG MDX 了解一下
      • 支持 #话题标签 [^6] ,查看演示
      • 流程图 和 图表 (mermaid 或者 flowchart.js)
      • </ul> </li> </ul>

        muscle 更好的 Markdown 写作体验

        • 复制粘贴,或者拖拽文件,即可 上传图片 和文件
        • 按着 Alt 点击 可以打开链接,或者跳到脚注 [^1]
        • 鼠标悬停 可以查看脚注内容
        • 复制粘贴 自动转换网页内容为 Markdown [^5]
        • 好用的 按键绑定 (也叫做 KeyMap)

        gift CodeMirror 的好处,这里都有份

        • 代码块语法高亮 支持数百种语言 [^2]。高亮规则可按需动态载入。
        • 灵活可配置的按键绑定与 CodeMirror API
        • Diff and Merge
        • 各种主题 [^3]
        • 绝大多数 CodeMirror 插件 都可在 HyperMD 里使用

        hammer 可扩展,可配置

        • Power Pack 机制,用各种第三方库和服务增强 HyperMD 功能
          • 例如 [MathJax][], [marked][], [KaTeX][] ...
          • 详细列表
          </li>
        • HyperMD 本身也是很模块化的。
        • </ul>

          musical_keyboard 特制的按键绑定(KeyMap) "HyperMD":

          • 表格
            • 回车 使用 | column | line | 创建表格
            • 回车 插入一行或者结束表格(如果最后一行的格子都是空的)
            • Tab 和 Shift-Tab 在表格间切换
            </li>
          • 列表
            • Tab 和 Shift-Tab 改变当前列表项的缩进
            • </ul> </li>
            • 格式化 光标旁边的单词(或者选中的文字)
              • Ctrl+B 加粗
              • Ctrl+I 斜体
              • Ctrl+D 删除线
              • </ul> </li> </ul>