附加功能

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

article-info

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

Executable Books

Jul 24, 2021

5 min read

语法

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 类。