时间戳

首页 > 解决方案 > 如何在 MkDocs 中将脚本添加到 head 标签？

javascript - 如何在 MkDocs 中将脚本添加到 head 标签？

问题描述

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

我在我的降价文件顶部尝试了这段代码，但没有奏效：

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

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

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

标签： javascriptmarkdownmkdocs

解决方案

假设您使用 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

推荐阅读