如何在 MkDocs 中将脚本添加到 head 标签？答案

【问题标题】：How to add script to head tag in MkDocs?如何在 MkDocs 中将脚本添加到 head 标签？
【发布时间】：2020-05-16 06:38:10
【问题描述】：

我是 MkDocs 的新手，我使用 MkDocs 建立了一个网站，我想在 <head>...</head> 中添加一些脚本。

我在 Markdown 文件的顶部尝试了这段代码，但没有成功：

<head>
<script>
...
</script>
</head>

我发现脚本会显示在 <body>...</body> 而不是 <head>...</head>。

如何在<head>标签中放置<script>？

【问题讨论】：

请至少分享最少的代码

标签： javascript markdown mkdocs

【解决方案1】：

您可以使用材料。在您的主题（mkdocs.yml）中，添加对自定义目录的引用，然后在该目录中，您可以添加一个名为 main.html 的文件，该文件将包含在“head”部分中详情请见https://squidfunk.github.io/mkdocs-material/customization/#overriding-partials。

【讨论】：

【解决方案2】：

假设您使用 MkDocs Material 作为主题，您可以在 mkdocs.yml 中将条目添加到 extra_javascript 列表。

mkdocs.yml：

site_name: "..."
theme: "..."
# ...
extra_javascript:
  - https://cdn.someCdn.someLibrary.js # Online Resource
  - js/ourJsFile.js # Path relative to "docs" Directory
# Works the same way for CSS!
extra_css:
  - css/someCSS.css # Again, relative to the "docs" Directory

供参考：https://squidfunk.github.io/mkdocs-material/customization/#adding-assets

【讨论】：

我试过了 - 它被添加到页脚，而不是页眉。

【解决方案3】：

试试这个：

<!DOCTYPE html>
<html>
  <head>
 <script src="https://file.js"></script>
  </head>
  <body>
    {{ content }}
  </body>
</html>

【讨论】：