在 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 所示:

在 Markdown 设置链接格式的各种方式。

其呈现方式如下所示:

显示链接文字和链接的文本卡片。

图片

您可以通过路径或网址引用图片。

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%">

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

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


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

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

高度和宽度像素参数不会将图片设置为这些确切尺寸;相反,图片的宽高比将“契合”这些限制条件。例如,如果在尺寸为 200px x 20px 的图片上设置了“width=100px height=30px”的尺寸,则结果为 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 语法:

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