如需在文本图块中使用 Markdown,请在创建图块时从信息中心的添加菜单中选择 Markdown。文本图块是一种新型 Looker 文本图块,它不使用 Markdown,而是提供视觉编辑体验。
您可以在信息中心内使用文本功能块来描述其他功能块,并帮助观看者了解这些功能块显示的信息。Looker 的 Markdown 图块在文本图块中支持有限版本的 Markdown 标记语言,您可以通过它来设置文本格式或添加链接和图片,让信息中心变得生动有趣。
Markdown 图块支持的 Markdown 语法
本页面列出了 Markdown 图块支持的 Markdown 语法,每个示例首先显示在代码块中,然后显示结果。
在信息中心功能块中呈现的 Markdown 元素的样式可能与此处显示的样式不同。
标头
信息中心支持标题级别 1-6:
## Header level 1
### Header level 2
#### Header level 3
##### Header level 4
###### Header level 5
####### Header level 6
Tables
表格列的大小调整为最宽的数据值。您可以使用
向列添加宽度。
| Tables | Are | Cool |
| ------------- | ------------- | ----- |
| leopards | have spots | $1600 |
| zebras | have stripes | $12 |
| polar bears | are white | $1 |
表格列仅支持左对齐。
强调
Emphasis (italics) with *asterisks* or _underscores_.
Strong emphasis (bold) with **double asterisks** or __double underscores__.
Combined emphasis with **asterisks and _underscores_**.
编号列表
1. First ordered list item
1. Another item
1. Actual numbers don't matter, just that it's a number
1. And another item
无序列表
* Unordered lists can use asterisks
- or minuses
+ or pluses
链接
您可以通过多种方式添加链接,如下方 Markdown 所示:
[Inline-style link](https://www.looker.com)
[Reference-style link](Case-insensitive reference text)
[Relative reference to a public repository](../assets/images/dashboard-add-text.png)
[Number used for a reference-style link definition][1]
尖括号中的网址会自动转换为链接。例如,<looker.com>
和 looker.com
。
图片
可以通过路径或网址引用图片。
Here's our logo:
URL-style:
<img src="url/to/image.png">
Inline-style:
![alt text](path/to/image.png)
Reference-style:
![alt text][logo]
要控制图片相对于图块大小的大小,请使用 HTML 调用图片并添加百分比大小参数。以下示例使用 width="50%"
参数更改大小:
<img src="path/to/image.png" width="50%">
或者,您也可以提供明确的高度和宽度最大值,如下所示:
<img src="path/to/image.png" width="500px" height="30px">
高度和宽度像素参数不会将图片设置为这些确切尺寸;相反,图片的宽高比将“最适合”这些约束条件。例如,如果尺寸“width=100px 高度=30px”设置在最初为 200px x 20px 的图片上,结果将是 100px x 10px,因为逻辑大约是“图片宽度超出上限 >直至达到最大宽度为止。”
代码突出显示
`<script>Some code</script>.`
水平规则
Three or more hyphens
---
Asterisks
***
Underscores
___
引用
> Blockquotes are very handy.
> This line is part of the same quote.
报价中断
> This is a very long line that will be quoted properly when it wraps. I will keep writing to make sure this is long enough to actually wrap for everyone. Also, you can *put* **Markdown** into a blockquote.
不支持的 Markdown 语法
信息中心 Markdown 图块不支持以下 Markdown 语法:
- 数学
- 包含替代文本的图片
- 包含替代文本的链接
- 特定于语言的语法突出显示
- 使用两个波浪符号添加删除线
- 子列表
- 缩进