Skip to content

按钮

Material for MkDocs 为主按钮和次按钮提供了专用样式,可以添加到任何链接、labelbutton元素中。这对于具有专门的"呼叫到行动"的文档或着陆页面特别有用。

配置

这个配置允许使用简单的语法向所有内联和块级元素添加属性,将任何链接转换为按钮。将以下行添加到mkdocs.yml文件中:

markdown_extensions:
  - attr_list

查看额外的配置选项:

使用方法

添加按钮

为了将链接渲染为按钮,将大括号添加到链接后面,并在其中添加.md-button类选择器。如果按钮处于活动状态,它将获得选定的主色强调色

按钮
[订阅我们的通讯](#){ .md-button }

添加主按钮

如果要显示一个填充的主按钮(例如在 Material for MkDocs 的着陆页面上),请同时添加.md-button.md-button--primaryCSS 类选择器。

按钮,主按钮
[订阅我们的通讯](#){ .md-button .md-button--primary }

添加图标按钮

当然,可以使用图标语法以及任何有效的图标短代码将图标添加到所有类型的按钮中,可以通过我们的图标搜索轻松找到几个按键。

带图标的按钮
[发送 :fontawesome-solid-paper-plane:](#){ .md-button }