6. 附加¶

6.1. 文章的信息块¶

article-info 指令用于显示有关文章的信息块，通常位于文章标题的正下方（如下所示，带有非标准大纲）。

Eugene-Forest

2021年12月15日

5 min

MARKDOWN

```{article-info}
:avatar: ../../../_static/notebook-logo.svg
:avatar-link: https://github.com/Eugene-Forest/
:avatar-outline: muted
:author: Eugene-Forest
:date: "2021年12月15日"
:read-time: "5 min"
:class-container: sd-p-2 sd-outline-muted sd-rounded-1
```

RST

.. article-info::
    :avatar: ../../../_static/notebook-logo.svg
    :avatar-link: https://github.com/Eugene-Forest/
    :avatar-outline: muted
    :author: Eugene-Forest
    :date: "2021年12月15日"
    :read-time: "5 min"
    :class-container: sd-p-2 sd-outline-muted sd-rounded-1

6.1.1. 可选项¶

avatar
A URI (relative file path or URL) to an image for use as the avatar (a user portrait, logo or branded graphic).

用于作为头像(用户肖像、标识或品牌图形)的图像的URI(相对文件路径或URL)。
avatar-alt
Alternative text for the avatar.

头像的替代文本。
avatar-link
A URL to link to if the avatar icon is clicked.

如果单击头像图标，则要链接到的URL。
avatar-outline
A semantic color to use for the outline of the avatar.

用于头像轮廓的语义颜色。
author
Text to display in the author of of the article.

文本显示在文章的作者。
date
Text to display in the date of the article.

文本显示在文章的日期。
read-time
Text to indicate the time to read the article.

文本表示阅读文章的时间。
class-container
Additional CSS classes for the container element.

容器元素的其他CSS类。
class-avatar
Additional CSS classes for the avatar element.

头像的其他CSS类。