在 Markdown 图块中使用 Markdown

如需在文本图块中使用 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    |

显示 Markdown 表格的文本功能块。

表格列仅支持左对齐。

强调

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]


文本功能块以三种方式显示 Google Cloud 徽标。

要控制图片相对于图块大小的大小,请使用 HTML 调用图片并添加百分比大小参数。以下示例使用 width="50%" 参数更改大小:


<img src="path/to/image.png" width="50%">

Google Cloud 徽标宽度设置为 50%。

或者,您也可以提供明确的高度和宽度最大值,如下所示:


<img src="path/to/image.png" width="500px" height="30px">

Google Cloud 徽标宽度设置为 500 像素。

高度和宽度像素参数不会将图片设置为这些确切尺寸;相反,图片的宽高比将“最适合”这些约束条件。例如,如果尺寸“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 语法:

  • 数学
  • 包含替代文本的图片
  • 包含替代文本的链接
  • 特定于语言的语法突出显示
  • 使用两个波浪符号添加删除线
  • 子列表
  • 缩进