附加

这些是不属于标准 Material Design 或 Bootstrap 系统的附加组件。

article-info

此指令用于显示关于文章的信息块，通常位于文章标题下方（如下所示，带有非标准轮廓）。

可执行书籍

Jul 24, 2021

5 分钟阅读

语法

MARKDOWN

```{article-info}
:avatar: images/ebp-logo.png
:avatar-link: https://executablebooks.org/
:avatar-outline: muted
:author: Executable Books
:date: Jul 24, 2021
:read-time: 5 min read
:class-container: sd-p-2 sd-outline-muted sd-rounded-1
```

RST

.. article-info::
    :avatar: images/ebp-logo.png
    :avatar-link: https://executablebooks.org/
    :avatar-outline: muted
    :author: Executable Books
    :date: Jul 24, 2021
    :read-time: 5 min read
    :class-container: sd-p-2 sd-outline-muted sd-rounded-1

The author, date, and read-time options are parsed as syntax, so you can use substitutions like

• 日期

  • MyST: :date: "{sub-ref}`today`"

  • RST: :data: |today|

• 阅读时间

  • MyST: :read-time: "{sub-ref}`wordcount-minutes` min read"

选项

头像

用于头像的图像 URI（相对文件路径或 URL）（用户肖像、徽标或品牌图形）。

头像-替代文本

头像的替代文本。

头像-链接

如果单击头像图标，则链接到的 URL。

头像-轮廓

用于头像轮廓的语义颜色。

作者

在文章作者处显示的文本。

日期

在文章日期处显示的文本。

阅读时间

指示阅读文章时间的文本。

类-容器

容器元素的附加 CSS 类。

类-头像

头像元素的附加 CSS 类。