我知道编辑这个网站吗?

通知

此页面演示了如何向页面添加各种风格化通知。 信息通知允许您向读者通知重要细节 记住。该通知将跨越页面的宽度。或者,您可以 指定图标或字形符号、背景颜色和/或突出显示颜色。

基本用法

{% include notice content="Hello world!" %}

Hello world!

Markdown 样式

{% include notice content="I like to use **bold** and *italic* text." %}

I like to use bold and italic text.

多行

{% include notice class="fas fa-city" content="
What do these cities have in common?

| City           | Country        |
|----------------|----------------|
| Dresden        | Germany        |
| Edinburgh      | United Kingdom |
| Madison        | United States  |
| Melbourne      | Australia      |
| Ostrava        | Czech Republic |
| Zürich         | Switzerland    |
" %}

What do these cities have in common?

City Country
Dresden Germany
Edinburgh United Kingdom
Madison United States
Melbourne Australia
Ostrava Czech Republic
Zürich Switzerland

自定义字体大小

{% include notice size="2em"
  content="I'm huge, and therefore more important!" %}

I’m huge, and therefore more important!

图标

您可以指定任意图标 media/icons folder 按名称,无文件扩展名。

信息

{% include notice icon="info"
  content="The *Ophiocordyceps* fungus zombifies ants!" %}

The Ophiocordyceps fungus zombifies ants!

重要提示

{% include notice icon="note"
  content="Take careful note of this sentence." %}

Take careful note of this sentence.

### 警告

{% include notice icon="warning"
  content="Watch out for snakes!" %}

Watch out for snakes!

技术说明

{% include notice icon="tech"
  content="To compile, use `./configure && make && make install`." %}

To compile, use ./configure && make && make install.

使用提示

{% include notice icon="tip"
  content="Want to get more done?
  [Sleep faster!](https://youtu.be/1g2ntIN7JuY)" %}
💡

Want to get more done? Sleep faster!

针对项目的评论

{% include notice icon="imagej2"
  content="This website documents the ImageJ ecosystem." %}

This website documents the ImageJ ecosystem.


{% include notice icon="fiji"
  content="Fiji includes ImageJ2's integrated search bar." %}

Fiji includes ImageJ2’s integrated search bar.


{% include notice icon="imagej"
  content="ImageJ was first released in 1997." %}

ImageJ was first released in 1997.


{% include notice icon="bonej"
  content="BoneJ includes a lot of useful plugins." %}

BoneJ includes a lot of useful plugins.

特定于操作系统的注释

{% include notice icon="linux"
  content="Linux is my favorite operating system." %}

Linux is my favorite operating system.


{% include notice icon="macos"
  content="Some people really love macOS!" %}

Some people really love macOS!


{% include notice icon="windows"
  content="Lots of people use Windows." %}

Lots of people use Windows.


{% include notice icon="pi"
  content="ImageJ works on Raspberry Pi!" %}

ImageJ works on Raspberry Pi!


{% include notice icon="android"
  content="Someday, ImageJ will work on Android phones." %}

Someday, ImageJ will work on Android phones.

字体真棒

{% include notice class="fab fa-fort-awesome"
  content="You can use Font Awesome icons.
  [More than 1,500 icons!](https://fontawesome.com/v5.9/icons?m=free)" %}

You can use Font Awesome icons. More than 1,500 icons!

另请参见Symbols › Font Awesome

统一码

{% include notice glyph="🎉" highlight-color="pink"
  content="You can use Unicode symbols including emoji.
  [More than 100,000 symbols!](https://graphemica.com/)" %}
🎉

You can use Unicode symbols including emoji. More than 100,000 symbols!

另请参见Symbols › Unicode

旁白

aside 包含创建浮动在主要内容文本周围的文本框。

基本用法

{% include aside content="I'm an aside!" %}

Lorem ipsum dolor sat amet,consectetur adipiscing elit。 Fusce ac sem id elit finibus quis eu dolor。 Donec pharetra lorem vel rutrum blandit。 Donec at purus in enim发酵dignissim。 Quisque congue lacus atmalesuada posuere。 Fusce ac turpis quis nulla iaculis convallis。 Proin blandit totor ac ligula ullamcorper,sit amet dignissim lorem auctor。 Donec 坐在 amet ligula 和 ligula commodo porttitor 坐在 amet 中。

其他参数

{% include aside title="Aside title" content="I have a title!" %}

Lorem ipsum dolor sat amet,consectetur adipiscing elit。 Fusce ac sem id elit finibus quis eu dolor。 Donec pharetra lorem vel rutrum blandit。 Donec at purus in enim发酵dignissim。 Quisque congue lacus atmalesuada posuere。 Fusce ac turpis quis nulla iaculis convallis。 Proin blandit totor ac ligula ullamcorper,sit amet dignissim lorem auctor。 Donec 坐在 amet ligula 和 ligula commodo porttitor 坐在 amet 中。