文本格式
| 描述 | 语法 | 结果 |
|---|---|---|
| 转义字符,使其不被处理 | \*未处理\* |
*未处理* |
| 粗体 | **这段文字是粗体** |
这段文字是粗体 |
| 斜体 | *这段文字是斜体* |
这段文字是斜体 |
| 字体族 | :[手写体文字]{font=cursive} |
手写体文字 |
| 文本颜色 | :[红色文字]{color=red} |
红色文字 |
| 文本大小 | :[这段文字为 7 号大小]{size=36pt} |
这段文字为 7 号大小 |
| 文本高亮 | ==这段文字被高亮== |
这段文字被高亮 |
| 删除线 | ~~这段文字被删除~~ |
|
| 下划线 | ++这段文字带下划线++ |
这段文字带下划线 |
| 下标 | H~2~O |
H2O |
| 上标 | x^2^ |
x2 |
文本对齐
| 描述 | 语法 | 结果 |
|---|---|---|
| 文字环绕 | :[这段文字向右环绕]{float=right} |
这段文字向右环绕 |
| 块左对齐 | :::left文本::: |
左侧 |
| 块右对齐 | :::right文本::: |
右侧 |
| 块居中对齐 | :::center文本::: |
居中 |
| 可折叠(点击展开) | :::spoiler显示剧透这段文字已折叠::: |
显示剧透这段文字已折叠 |
| 代码块 | ```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 显示图片 |  |
|
| 按 url 显示图片并带提示 |  |
|
| 按 id 显示图片 |  |
|
| 按 id 显示图片并带提示 |  |
图片大小 — 通过 {style="..."}:宽度 width、高度 height 或两者皆可。大小在普通文本中可见(在表格单元格中图片受其宽度限制):
{style="width:80px"} {style="width:200px"}
列表
| 描述 | 语法 | 结果 |
|---|---|---|
| 无序列表 | - 项目 1- 项目 2- 项目 3 |
|
| 有序列表 | 1. 项目 12. 项目 23. 项目 3 |
|
| 字母序号 | a. 项目 1b. 项目 2c. 项目 3 |
|
| 罗马数字序号 | i. 项目 1ii. 项目 2iii. 项目 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### 标题* 条目::: |
| 同上,图片在右 | :::feature-right…::: |
| 同上,但位于带底色的条带上 — 交替使用,让长页面读起来像一连串区块 | :::feature-left alt…::: |
卡片网格 — 每个 ### 生成一张卡片 |
:::cards### 名称描述::: |
一排大号数字 — 每行一条 数值 \| 说明 |
:::stats70+ \| 个指标免费 \| 价格::: |
带编号的步骤 — 每个 ### 生成一个步骤,编号自动生成 |
:::steps### 下载步骤文字::: |
| 按钮 — 每个链接都会变成按钮,第一个为主按钮 | :::cta[下载](/zh/products/download/)[文档](https://doc.stocksharp.com/)::: |
| 带署名的引用 — 以破折号开头的行会变成作者 | :::quote评价文字。— 姓名,职位::: |
| 同一界面的两张截图放在同一个框中(浅色与深色主题) | :::split::: |
在 :::feature-* 内部,第一个媒体块 — 图片、视频或图表 — 会进入插图的那一半,其余内容进入文字的那一半。:::split 组合同样算作媒体块,因此可以把它放进 :::feature-* 中代替单张图片。
实际效果。 下面还是这些区块,但不是在表格中,而是实时呈现。
第一步
编号自动生成,标记中并不包含它。
第二步
步骤按标题书写的顺序排列。
第三步
如果在中间插入一个步骤,其余步骤会自动重新编号。
标记应当让作者去思考文字,而不是排版。
站点数据
页面显示时由网站自己填入的数字和名称。无需手工维护:数值始终取自目录,而不是某人某次输入的内容。
| 描述 | 语法 | 结果 |
|---|---|---|
| 有多少连接器 | @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。