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

Question

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

我知道有一种方法可以使用类似的东西添加属性

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

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

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

示例：extra_css：
-custom.css

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

Answer 1

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

是的，在您的docs_dir（默认位置为）中创建一个文件，其名称与您在配置文件的extra_css配置设置中docs/列出的名称相同。然后您可以在该文件中定义您想要的任何 CSS。文档的自定义主题部分提供了更多信息。mkdocs.yml

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

您将需要启用属性列表扩展。在您的mkdocs.yml配置文件中，将扩展名包含在markdown_extensions列表中。

markdown_extensions:
    - attr_list

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