文本格式

描述 语法 结果
转义字符,使其不被处理 \*未处理\* *未处理*
粗体 **这段文字是粗体** 这段文字是粗体
斜体 *这段文字是斜体* 这段文字是斜体
字体族 :[手写体文字]{font=cursive} 手写体文字
文本颜色 :[红色文字]{color=red} 红色文字
文本大小 :[这段文字为 7 号大小]{size=36pt} 这段文字为 7 号大小
文本高亮 ==这段文字被高亮== 这段文字被高亮
删除线 ~~这段文字被删除~~ 这段文字被删除
下划线 ++这段文字带下划线++ 这段文字带下划线
下标 H~2~O H2O
上标 x^2^ x2

文本对齐

描述 语法 结果
文字环绕 :[这段文字向右环绕]{float=right} 这段文字向右环绕
块左对齐 :::left
文本
:::
左侧
块右对齐 :::right
文本
:::
右侧
块居中对齐 :::center
文本
:::
居中
可折叠(点击展开) :::spoiler
显示剧透

这段文字已折叠
:::
显示剧透这段文字已折叠
代码块 ```
var i = 10;
```
var i = 10;

描述 语法 结果
链接 <https://stocksharp.com/en/> https://stocksharp.com/en/
带文字的链接 [StockSharp 网站](https://stocksharp.com/en/) StockSharp 网站
电子邮件链接 <info@stocksharp.com> info@stocksharp.com
带文字的电子邮件链接 [写信给我](mailto:info@stocksharp.com) 写信给我
按 id 链接到主题 @topic(12374) Assign, install and work with StockSharp Installer.
按 id 链接到消息 @message(51317) Assign, install and work with StockSharp Installer.
按 id 链接到产品 @product(9) Designer
按 id 链接到用户 @user(1) StockSharp
按 id 链接到文件 @file(122179) cup.svg
自动链接(裸 URL 会自动变成链接) https://stocksharp.com/en/ https://stocksharp.com/en/

图片

描述 语法 结果
按 url 显示图片 ![](https://stocksharp.com/file/122179/cup_svg/)
按 url 显示图片并带提示 ![](https://stocksharp.com/file/122179/cup_svg/ "这是一个任意提示。")
按 id 显示图片 ![](122179)
按 id 显示图片并带提示 ![](122179 "这是一个任意提示。")

图片大小 — 通过 {style="..."}:宽度 width、高度 height 或两者皆可。大小在普通文本中可见(在表格单元格中图片受其宽度限制):

![](122179){style="width:80px"} ![](122179){style="width:200px"}


列表

描述 语法 结果
无序列表 - 项目 1
- 项目 2
- 项目 3
  • 项目 1
  • 项目 2
  • 项目 3
有序列表 1. 项目 1
2. 项目 2
3. 项目 3
  1. 项目 1
  2. 项目 2
  3. 项目 3
字母序号 a. 项目 1
b. 项目 2
c. 项目 3
  1. 项目 1
  2. 项目 2
  3. 项目 3
罗马数字序号 i. 项目 1
ii. 项目 2
iii. 项目 3
  1. 项目 1
  2. 项目 2
  3. 项目 3

标题与块

描述 语法 结果
标题(1–6 级) ## 标题
###### 小标题

标题

小标题
引用 > 这是一段引用
这是一段引用
水平线 ---
任务列表 - [ ] 未完成
- [x] 已完成
  • 未完成
  • 已完成
脚注 文本[^1]
[^1]: 说明
文本1

社交网络

youtube

::iframe{url=https://www.youtube.com/embed/lsbyvqajlZ8}

vimeo

::iframe{url=https://player.vimeo.com/video/60238948}

fb

::iframe{url=https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fstocksharp%2Fposts%2F4554987014515465&width=500}

图表

直接写在文本里的 Designer 方案。网站在浏览器中绘制它,因此可以放大细看:这不是图片。方案既可以通过引用获得 —— 站内文件 id 或互联网地址 —— 也可以把它的 JSON 直接粘贴到消息中。

描述 语法 结果
按文件 id 或 URL 显示 Designer 图表 @diagram(URL) 见表格下方的实时示例
直接在文本中的图表:代码块内的 JSON,无需文件或链接 ```diagram
{"Content":{"Value":{"Scheme":{"Model":{"Nodes":[{"Key":"2","TypeId":"95b3aefe-23fd-4cee-b49e-09764f2ab2e2","X":-350,"Y":-290,"Settings":{"Parameters":{"Name":{"Value":"Security"}}}},{"Key":"3","TypeId":"3d773273-0cee-4d40-8eef-acded2d07ab8","X":-90,"Y":-290,"Settings":{"Parameters":{"Name":{"Value":"TimeFrameCandle"}}}}],"Links":[{"From":"2","FromPort":"Output","To":"3","ToPort":"Security"}]}}}}}
```
见表格下方的实时示例

实时示例(来自 AlgoTrading 仓库的 Designer 图表):

内联图表的实时示例(同一段 JSON 直接放在文本中):

如果无法取得方案,页面上会保留标记本身 —— 例如 @diagram(122179)。这说明不存在该 id 的文件,或该地址无法访问。


页面区块

用于产品页面和着陆页的区块。每个区块占据整栏宽度并自动完成排版 — 无需手工布局。

描述 语法
两栏:图片在左,文字在右 :::feature-left
![](123456)

### 标题
* 条目
:::
同上,图片在右 :::feature-right

:::
同上,但位于带底色的条带上 — 交替使用,让长页面读起来像一连串区块 :::feature-left alt

:::
卡片网格 — 每个 ### 生成一张卡片 :::cards
### 名称
描述
:::
一排大号数字 — 每行一条 数值 \| 说明 :::stats
70+ \| 个指标
免费 \| 价格
:::
带编号的步骤 — 每个 ### 生成一个步骤,编号自动生成 :::steps
### 下载
步骤文字
:::
按钮 — 每个链接都会变成按钮,第一个为主按钮 :::cta
[下载](/zh/products/download/)
[文档](https://doc.stocksharp.com/)
:::
带署名的引用 — 以破折号开头的行会变成作者 :::quote
评价文字。

— 姓名,职位
:::
同一界面的两张截图放在同一个框中(浅色与深色主题) :::split
![](107133)

![](107134)
:::

:::feature-* 内部,第一个媒体块 — 图片、视频或图表 — 会进入插图的那一半,其余内容进入文字的那一半。:::split 组合同样算作媒体块,因此可以把它放进 :::feature-* 中代替单张图片。


实际效果。 下面还是这些区块,但不是在表格中,而是实时呈现。

7
网站语言
2
界面主题
免费
平台价格

卡片

标题下的一段简短文字。卡片数量不限 — 它们会自动排入网格。

再来一张

列宽会自适应屏幕:在手机上卡片会排成一列。

第三张

卡片内部支持常规标记 — 粗体斜体链接

1

第一步

编号自动生成,标记中并不包含它。

2

第二步

步骤按标题书写的顺序排列。

3

第三步

如果在中间插入一个步骤,其余步骤会自动重新编号。

标记应当让作者去思考文字,而不是排版。

摘自帮助文档的讨论

站点数据

页面显示时由网站自己填入的数字和名称。无需手工维护:数值始终取自目录,而不是某人某次输入的内容。

描述 语法 结果
有多少连接器 @connector_count 74
有多少指标 @indicator_count 166
有多少策略 @strategy_count 867
有多少应用 @app_count 8
有多少用户 @user_count 31,827
页面语言下的产品名称 —— 纯文本,不带链接 @product_name(9) Designer

数字按页面语言的规则书写,并带千位分隔符。如果无法取得数值,页面上会保留标记本身 —— 例如 @connector_count。编辑一眼就能看到,它也不会变成错误的数字:「我们支持 0 个连接器」中的零会被当作事实。

@product_name(NNN)@product(NNN) 的区别在于它只插入名称,不生成链接。这正是句子中间所需要的:「Designer 提供可视化策略设计器」,而 @product(9) 会给出链接 Designer