GGitHubfeat: #1521 流式输出场景支持超链接、图片、标题等语法自动闭合 (#1522 )

e85b9865创建于 2025年11月25日历史提交

例子

Github 地址{target=_blank}

full model{target=_blank}
basic{target=_blank}
H5{target=_blank}
多实例{target=_blank}
无 toolbar{target=_blank}
纯预览模式{target=_blank}
注入{target=_blank}
API{target=_blank}
图片所见即所得编辑尺寸{target=_blank}
表格所见即所得编辑尺寸{target=_blank}
标题自动序号{target=_blank}
流式输入模式（AI chart场景）{target=_blank}
VIM 编辑模式{target=_blank}
应用mermaid version 10版本以上{target=_blank}

Cherry Markdown { 简明手册 | jiǎn míng shǒu cè }

[[toc]]

基本语法

字体样式

说明

使用*(或_) 和 **(或__) 表示斜体和粗体
使用 / 表示 /下划线/ ,使用~~ 表示~~删除线~~
使用^(或^^)表示^上标^或^^下标^^
使用 ! 号+数字表示字体 !24 大! !12 小! [^专有语法提醒]
使用两个(三个)!号+RGB 颜色表示!!#ff0000 字体颜色!!(!!!#f9cb9c 背景颜色!!!)[^专有语法提醒]

示例

[!!#ff0000 红色超链接!!](http://www.qq.com)
[!!#ffffff !!!#000000 黑底白字超链接!!!!!](http://www.qq.com)
[新窗口打开](http://www.qq.com){target=_blank}
鞋子 !32 特大号!
大头 ^`儿子`^ 和小头 ^^`爸爸`^^
爱在~~西元前~~**当下**

效果 !!#ff0000 红色超链接!! !!#ffffff !!!#000000 黑底白字超链接!!!!! 新窗口打开{target=_blank} 鞋子 !32 特大号! 大头 ^儿子^ 和小头 ^^爸爸^^ 爱在~~西元前~~当下

标题设置

说明

在文字下方加 === 可使上一行文字变成一级标题
在文字下方加 --- 可使上一行文字变成二级标题
在行首加井号（#）表示不同级别的标题，例如：# H1, ##H2, ###H3

超链接

说明

使用 [描述](URL) 为文字增加外链接
使用<URL>插入一个链接
URL 会自动转成链接

示例

这是 [腾讯网](https://www.qq.com) 的链接。
这是 [一个引用的][引用一个链接] 的链接。
这是一个包含中文的链接<https://www.qq.com?param=中文>，中文
直接识别成链接：https://www.qq.com?param=中文，中文 用空格结束
[引用一个链接]
[引用一个链接]: https://www.qq.com

效果这是腾讯网的链接。这是 [一个引用的][引用一个链接] 的链接。这是一个包含中文的链接https://www.qq.com?param=中文，中文直接识别成链接：https://www.qq.com?param=中文，中文用空格结束 [引用一个链接] [引用一个链接]: https://www.qq.com

无序列表

说明

在行首使用 *，+，- 表示无序列表

示例

- 无序列表项 一`默认`
- 无序列表项 二
  - 无序列表2.1
  - 无序列表2.2
- 无序列表项 三
  + 无序列表3.1`空心圆`
  + 无序列表3.1
- 无序列表四
  * 无序列表4.1`实心方块`
  * 无序列表4.2

效果

无序列表项一默认
无序列表项二
- 无序列表2.1
- 无序列表2.2
无序列表项三
- 无序列表3.1空心圆
- 无序列表3.1
无序列表四
- 无序列表4.1实心方块
- 无序列表4.2

有序列表

说明

在行首使用数字、字母、汉字和点表示有序列表

示例

1. 有序列表项 一`阿拉伯数字`
1. 有序列表项 二
  I. 有序列表项 2.1`罗马数字`
  I. 有序列表项 2.2
  I. 有序列表项 2.3
1. 有序列表 三
  a. 有序列表3.1`希腊字母`
  a. 有序列表3.2
  a. 有序列表3.3
1. 有序列表 四
  一. 有序列表4.1`中文数字`
  一. 有序列表4.2
  一. 有序列表4.3

效果

有序列表项一阿拉伯数字
有序列表项二 I. 有序列表项 2.1罗马数字 I. 有序列表项 2.2 I. 有序列表项 2.3
有序列表三 a. 有序列表3.1希腊字母 a. 有序列表3.2 a. 有序列表3.3
有序列表四一. 有序列表4.1中文数字 一. 有序列表4.2 一. 有序列表4.3

引用

说明

在行首使用 > 表示文字引用

示例

> 野火烧不尽，春风吹又生

效果

野火烧不尽，春风吹又生

行内代码

说明

使用 `代码` 表示行内代码

示例

让我们聊聊 `html`

效果让我们聊聊 html

代码块

说明

使用三个` 表示代码块

效果

    这是一个代码块
    有两行

插入图像

说明

使用 ![描述](图片链接地址) 插入图像
截图，在编辑器中粘贴（ctrl+V）也可以插入图像
使用![描述#宽度#高度#对齐方式](图片链接地址) 可以调整图片大小[^专有语法提醒]

示例

标准图片  ![一条dog#100px](assets/images/demo-dog.png)
设置图片大小(相对大小&绝对大小)  ![一条dog#10%#50px](assets/images/demo-dog.png)
设置图片对齐方式：
**左对齐+边框**
![一条dog#auto#100px#left#border](assets/images/demo-dog.png)
**居中+边框+阴影**
![一条dog#auto#100px#center#B#shadow](assets/images/demo-dog.png)
**右对齐+边框+阴影+圆角**
![一条dog#auto#100px#right#B#S#radius](assets/images/demo-dog.png)
**浮动左对齐+边框+阴影+圆角**
![一条dog#auto#100px#float-left#B#S#R](assets/images/demo-dog.png)
开心也是一天，不开心也是一天
这样就过了两天，汪

效果标准图片一条dog#100px 设置图片大小(相对大小&绝对大小) 一条dog#10%#50px 设置图片对齐方式： 左对齐+边框 一条dog#auto#100px#left#border 居中+边框+阴影 一条dog#auto#100px#center#B#shadow 右对齐+边框+阴影+圆角 一条dog#auto#100px#right#B#S#radius 浮动左对齐+边框+阴影+圆角 一条dog#auto#100px#float-left#B#S#R 开心也是一天，不开心也是一天这样就过了两天，汪

属性释义：

宽度：第一个 #100px 或 #10% 或 #auto
高度：第二个 #100px 或 #10% 或 #auto
左对齐：#left
右对齐：#right
居中对齐：#center
悬浮左对齐：#float-left
悬浮右对齐：#float-right
边框：#border 或 #B
阴影：#shadow 或 #S
圆角：#radius 或 #R

高阶语法手册

信息面板

说明使用连续三个冒号:::和关键字（[primary | info | warning | danger | success]）来声明

:::primary // [primary | info | warning | danger | success] 标题
内容
:::

效果 :::p 标题内容 ::: :::success 内容 :::

手风琴

说明使用连续三个加号+++和关键字（[ + | - ]）来声明，关键字+表示默认收起，关键字-表示默认展开

+++ 点击展开更多
内容
++- 默认展开
内容
++ 默认收起
内容
+++

效果 +++ 点击展开更多内容 ++- 默认展开内容 ++ 默认收起内容 +++

语法高亮

说明

在```后面指明语法名
加强的代码块，支持四十一种编程语言的语法高亮的显示

效果非代码示例：

sudo apt-get install vim-gnome

Python 示例：

@requires_authorization
def somefunc(param1='', param2=0):
    '''A docstring'''
    if param1 > param2: # interesting
        print 'Greater'
    return (param2 - param1 + 1) or None

class SomeClass:
    pass

>>> message = '''interpreter
... prompt'''

JavaScript 示例：

/**
 * nth element in the fibonacci series.
 * @param n >= 0
 * @return the nth element, >= 0.
 */
function fib(n) {
  var a = 1,
    b = 1;
  var tmp;
  while (--n >= 0) {
    tmp = a;
    a += b;
    b = tmp;
  }
  return a;
}

document.write(fib(10));

checklist[^不通用提醒]

说明

输入[ ]或[x]，就会生成一个 checklist

示例

- [ ] AAA
- [x] BBB
- [ ] CCC

效果

公式[^不通用提醒]

说明

输入$$或$，就会生成一个公式
访问 MathJax 参考更多使用方法

示例

块级公式：$$
\begin{aligned}
P(B|A)&=\frac{P(AB)}{P(A)}\\
P(\overline{B}|A)&=1-P(B|A)=1-\frac{P(AB)}{P(A)}
\end{aligned}
$$
行内公式： $e=mc^2$

效果块级公式：$$ \begin{aligned} P(B|A)&=\frac{P(AB)}{P(A)}\ P(\overline{B}|A)&=1-P(B|A)=1-\frac{P(AB)}{P(A)} \end{aligned}

例子