插入内链文章

[快速开始]

.

![相片描述](图片地址)
<img src="图片地址" alt="图片描述">
![奔跑的日子](http://localhost/build/usr/uploads/2018/05/1374653827.png)
<img src="http://localhost/build/usr/uploads/2018/05/1374653827.png" alt="奔跑的日子">

*collapse title="标题" status="false"*一些文字内容*/collapse*
//以上*改为:"["或"]"

*collapse title="标题"*一些文字内容*/collapse*
//以上*改为:"["或"]"

默认白色文字
紫色文字
蓝色文字
黄色文字
红色文字
绿色文字
黑色文字

适用于 RequireJS, Parcel, webpack, 或者用各种HTML标签来引入库的纯粹的环境。 参考文档

选择 HyperMD 的 N 个理由

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

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

🌈 写作与预览，只需一个框

• 各种常规 Markdown 元素

  • 粗体字、斜体字、删除线、Code
  • 链接、图片
  • 标题 / 引用块 / 代码块 / 列表 / 水平分割线

• 扩展的 Markdown 语法

  • 简单表格
  • 脚注 ¹
  • [x] TODO 列表 (可点击勾选框, 改变状态)
  • YAML Front Matter
  • $\LaTeX$ 公式，同时支持行内块与多行公式 ²
  • Emoji :joy: => :joy: (支持自定义的表情)

• 以及一些特殊玩法，例如……

  • 在 Markdown 里嵌入 HTML 标签 -- WYSIWIG MDX 了解一下
  • 支持 #话题标签 ³ ，查看演示
  • 流程图 和 图表 (mermaid 或者 flowchart.js)

💪 更好的 Markdown 写作体验

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

🎁 CodeMirror 的好处，这里都有份

• 代码块语法高亮 支持数百种语言 ⁵。高亮规则可按需动态载入。
• 灵活可配置的按键绑定与 CodeMirror API
• Diff and Merge
• 各种主题 ⁶
• 绝大多数 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 删除线

特别感谢

💎 服务和资源

🌟 Sponsors

🙏 Sponsors (按日期排序)

一起来搞事

HyperMD 是 [laobubu][] 的一个开源项目，欢迎你：

• 在 GitHub 贡献代码 ，编写你的组件和主题
• 帮我买杯咖啡
• 将 HyperMD 分享给更多人