如何在MkDocs材质主题中添加自定义内联样式

Question

我一直在寻找一种方法来为我的降价页面添加自定义样式。我已经能够添加＆＃34; extra_css＆＃34;到yml文件，但这似乎只影响生成的html。例如，我能够为图像添加自定义样式，使所有项目居中。

我知道有一种方法可以使用

的内容添加属性

{: #someid .someclass somekey='some value' }

所以这是一个两部分问题：

1. 我在哪里创建样式？在我在yml？
中声明的自定义css文件中

实施例： extra_css：
   -custom.css

1. 如何在我的降价中内联引用（应用）它们？

Answer 1

  

我在哪里创建样式？在我在yml？

中声明的自定义css文件中

是的，在docs_dir（默认位置为docs/）中创建一个文件，其名称与您在mkdocs.yml配置文件的extra_css配置设置中列出的名称相同。然后，您可以在该文件中定义所需的任何CSS。有关详细信息，请参阅文档的Customizing a Theme部分。

  

如何在我的降价中内联引用（应用）它们？

您需要启用Attribute List扩展程序。在mkdocs.yml配置文件中，在markdown_extensions列表中添加扩展名。

markdown_extensions:
    - attr_list

然后在Markdown文档中，您可以使用属性列表为各种元素分配类等。