1.10 注解(Notice)

notice 简码显示各种类型的免责声明，并带有可调节的颜色、标题和图标，以帮助您构建页面。

There may be pirates

这一切都与盒子有关。

用法

{{% notice style="primary" title="There may be pirates" icon="skull-crossbones" %}}
It is all about the boxes.
{{% /notice %}}

{{% notice primary "There may be pirates" "skull-crossbones" %}}
It is all about the boxes.
{{% /notice %}}

参数

名称	位置	默认	注释
style	1	`default`	框使用的样式方案。 - 严重程度： `info`, `note`, `tip`, `warning` - 印记颜色：`primary`, `secondary`, `accent` - 颜色： `blue`, `green`, `grey`, `orange`, `red` - 特殊颜色: `default`, `transparent`, `code`
color		see notes	要使用的 CSS 颜色值。如果未设置，则选择的颜色取决于样式。任何给定的值都将覆盖默认值。 - 对于严重性样式：严重性匹配的漂亮颜色 - 对于所有其他样式：相应的颜色
title	2	see notes	框的标题的任意文本。根据样式的不同，可能会有一个默认标题。任何给定的值都将覆盖默认值。 - 对于严重性样式：严重性匹配的标题 - 对于所有其他样式：<空> 如果您不希望严重性样式的标题，则必须将此参数设置为`" "`（一个充满空格的非空字符串）。
icon	3	see notes	Font Awesome icon name 设置在标题的左侧。根据样式的不同，可能会有一个默认图标。任何给定的值都将覆盖默认值。 - 对于严重性样式：严重性匹配的漂亮图标 - 对于所有其他样式：<空> 如果您不想为严重性样式使用图标，则必须将此参数设置为`" "`（填充空格的非空字符串）
<content>		<empty>	要在框中显示的任意文本。

案例

按严重性

带有标记的信息

{{% notice style="info" %}}
An **information** disclaimer

You can add standard markdown syntax:

- multiple paragraphs
- bullet point lists
- _emphasized_, **bold** and even ***bold emphasized*** text
- [links](https://example.com)
- etc.

```plaintext
...and even source code
```

> the possibilities are endless (almost - including other shortcodes may or may not work)
{{% /notice %}}

信息

An information disclaimer

You can add standard markdown syntax:

multiple paragraphs
bullet point lists
emphasized, bold and even bold emphasized text
links
etc.

...and even source code

the possibilities are endless (almost - including other shortcodes may or may not work)

Note

{{% notice style="note" %}}
A **notice** disclaimer
{{% /notice %}}

注释

A notice disclaimer

Tip

{{% notice style="tip" %}}
A **tip** disclaimer
{{% /notice %}}

提示

A tip disclaimer

Warning

{{% notice style="warning" %}}
A **warning** disclaimer
{{% /notice %}}

警告

A warning disclaimer

带有非默认标题和图标的 Warning

{{% notice style="warning" title="Here are dragons" icon="dragon" %}}
A **warning** disclaimer
{{% /notice %}}

Here are dragons

A warning disclaimer

没有标题和图标的 Warning

{{% notice style="warning" title=" " icon=" " %}}
A **warning** disclaimer
{{% /notice %}}

A warning disclaimer

按品牌颜色

仅具有标题 Primary

{{% notice style="primary" title="Primary" %}}
A **primary** disclaimer
{{% /notice %}}

Primary

A primary disclaimer

仅具有图标的 Secondary

{{% notice style="secondary" icon="stopwatch" %}}
A **secondary** disclaimer
{{% /notice %}}

A secondary disclaimer

Accent

{{% notice style="accent" %}}
An **accent** disclaimer
{{% /notice %}}

An accent disclaimer

按颜色

没有标题和图标的 Blue

{{% notice style="blue" %}}
A **blue** disclaimer
{{% /notice %}}

A blue disclaimer

仅带标题的 Green

{{% notice style="green" title="Green" %}}
A **green** disclaimer
{{% /notice %}}

Green

A green disclaimer

仅带图标的 Grey

{{% notice style="grey" icon="bug" %}}
A **grey** disclaimer
{{% /notice %}}

A grey disclaimer

带有标题和图标的 Orange

{{% notice style="orange" title="Orange" icon="bug" %}}
A **orange** disclaimer
{{% /notice %}}

Orange

A orange disclaimer

没有标题和图标的 Red

{{% notice style="red" %}}
A **red** disclaimer
{{% /notice %}}

A red disclaimer

按特殊颜色

使用位置参数的默认值

{{% notice default "Pay Attention to this Note!" "skull-crossbones" %}}
Some serious information.
{{% /notice %}}

Pay Attention to this Note!

Some serious information.

透明的标题和图标

{{% notice style="transparent" title="Pay Attention to this Note!" icon="skull-crossbones" %}}
Some serious information.
{{% /notice %}}

Pay Attention to this Note!

Some serious information.

具有用户定义的颜色、Font Awesome 字体的品牌图标和 Markdown 标题

{{% notice color="fuchsia" title="**Hugo**" icon="fab fa-hackerrank" %}}
Victor? Is it you?
{{% /notice %}}

Hugo

Victor? Is it you?