附加

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

article-info

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

Executable Books

7月 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

author、date 和 read-time 选项被解析为语法，因此您可以使用如下替换：

• date

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

  • RST: :data: |today|

• read-time

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

选项

avatar

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

avatar-alt

头像的替代文本。

avatar-link

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

avatar-outline

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

author

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

date

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

read-time

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

class-container

容器元素的附加 CSS 类。

class-avatar

头像元素的附加 CSS 类。