添加 Git 仓库
如果您的文档与源代码相关,Material-for-MkDocs 提供了将项目存储库的信息作为静态网站的一部分进行显示的功能,包括星标和分叉数。此外,还可以显示最后更新和创建的日期以及贡献者。
配置
仓库
为了将指向您的项目存储库的链接作为文档的一部分进行显示,请在mkdocs.yml中将repo_url设置为存储库的公共URL,例如:
repo_url: https://github.com/squidfunk/mkdocs-material
在大屏幕上,存储库的链接将显示在搜索栏旁边;而在小屏幕上,它将作为主导航抽屉(或侧边栏导航)的一部分进行显示。
此外,对于托管在GitHub或GitLab上的公共存储库,系统会自动获取并显示最新的发布标签1、星标数量以及分叉数量。
仓库名称
MkDocs 会通过检查URL来推断源代码提供者,并尝试自动设置 存储库名称。如果您希望自定义该名称,请在mkdocs.yml中设置repo_name:
repo_name: squidfunk/mkdocs-material
参考图标
虽然默认的存储库图标是一个通用的git图标,但可以通过在mkdocs.yml中引用有效的图标路径,将其设置为与主题捆绑的任何图标:
theme:
icon:
repo: fontawesome/brands/git-alt # (1)!
1、 输入几个关键词,使用我们的图标搜索功能找到完美的图标,并点击简码将其复制到剪贴板:
<div class="mdx-iconsearch" data-mdx-component="iconsearch">
<input class="md-input md-input--stretch mdx-iconsearch__input" placeholder="Search icon" data-mdx-component="iconsearch-query" value="git" />
<div class="mdx-iconsearch-result" data-mdx-component="iconsearch-result" data-mdx-mode="file">
<div class="mdx-iconsearch-result__meta"></div>
<ol class="mdx-iconsearch-result__list"></ol>
</div>
</div>
一些主流的选择:
-
:fontawesome-brands-git: –
fontawesome/brands/git -
:fontawesome-brands-git-alt: –
fontawesome/brands/git-alt -
:fontawesome-brands-github: –
fontawesome/brands/github -
:fontawesome-brands-github-alt: –
fontawesome/brands/github-alt -
:fontawesome-brands-gitlab: –
fontawesome/brands/gitlab -
:fontawesome-brands-gitkraken: –
fontawesome/brands/gitkraken -
:fontawesome-brands-bitbucket: –
fontawesome/brands/bitbucket -
:fontawesome-solid-trash: –
fontawesome/solid/trash
代码操作
如果仓库URL指向一个有效的GitHub、GitLab或Bitbucket仓库,MkDocs提供了一个名为edit_uri的设置,该设置会解析到你托管文档的子文件夹。
如果你的默认分支被命名为 main,请将设置更改为:
edit_uri: edit/main/docs/
在确保 edit_uri 已正确配置后,可以添加代码操作按钮。支持两种类型的代码操作:edit(编辑)和 view(仅GitHub支持查看):
=== “:material-file-edit-outline: 编辑本月没”
``` yaml
theme:
features:
- content.action.edit
```
=== “:material-file-eye-outline: 查看此页面的源代码”
``` yaml
theme:
features:
- content.action.view
```
编辑和查看的按钮可以通过以下方法修改图标:
theme:
icon:
edit: material/pencil # (1)!
view: material/eye
1、输入几个关键词,使用我们的图标搜索功能来找到合适的图标,并点击短代码将其复制到您的剪贴板:
<div class="mdx-iconsearch" data-mdx-component="iconsearch">
<input class="md-input md-input--stretch mdx-iconsearch__input" placeholder="Search icon" data-mdx-component="iconsearch-query" value="material pencil" />
<div class="mdx-iconsearch-result" data-mdx-component="iconsearch-result" data-mdx-mode="file">
<div class="mdx-iconsearch-result__meta"></div>
<ol class="mdx-iconsearch-result__list"></ol>
</div>
</div>
版本控制
以下插件与 Material-for-MkDocs 完全集成,可以显示文档的最后更新日期和创建日期,以及链接到所有涉及的贡献者或作者。
文档日期
git-revision-date-localized 插件支持在每页的底部添加文档的最后更新日期和创建日期。你可以使用pip来安装它:
pip install mkdocs-git-revision-date-localized-plugin
然后,在 mkdocs.yml 中添加一下几行:
plugins:
- git-revision-date-localized:
enable_creation_date: true
支持以下配置选项:
: 此选项用于指定在构建项目时是否启用该插件。如果您想关闭该插件(例如,在本地构建时),可以使用一个环境变量来实现。
``` yaml
plugins:
- git-revision-date-localized:
enabled: !ENV [CI, false]
```
: 要显示的日期格式。有效值包括 date、datetime、iso_date、iso_datetime和timeago:
``` yaml
plugins:
- git-revision-date-localized:
type: date
```
: 启用在页面底部紧邻最后更新日期显示与该页面相关联文件的创建日期:
``` yaml
plugins:
- git-revision-date-localized:
enable_creation_date: true
```
!!! note "当使用构建环境时"
If you are deploying through a CI system, you might need to adjust your
CI settings when fetching the code. For more information, see
[git-revision-date-localized].
: 允许回退到执行mkdocs build 命令时的时间点。当在 git 仓库外部执行构建时,可以用作回退方案。
``` yaml
plugins:
- git-revision-date-localized:
fallback_to_build_date: true
```
该扩展的其他配置选项不受 Material-for-MkDocs 官方支持,因此可能会导致意外结果。使用它们需自行承担风险。
文档贡献者
[git-committers]2 插件会在每页底部渲染所有贡献者的 GitHub 头像,并链接到他们的 GitHub 个人资料。和往常一样,它可以通过 pip 安装:
pip install mkdocs-git-committers-plugin-2
然后,在 mkdocs.yml 中添加以下行:
plugins:
- git-committers:
repository: squidfunk/mkdocs-material
branch: main
支持以下配置选项:
: 此选项指定在构建项目时是否启用该插件。如果您想关闭该插件(例如,在进行本地构建时),请使用环境变量:
``` yaml
plugins:
- git-committers:
enabled: !ENV [CI, false]
```
:
此属性必须设置为包含您的文档的存储库的slug。slug必须遵循 <用户名>/<存储库> 的模式:
``` yaml
plugins:
- git-committers:
repository: squidfunk/mkdocs-material
```
:
此属性应设置为从中检索贡献者的存储库分支。要使用 main 分支,请将其设置为:
``` yaml
plugins:
- git-committers:
branch: main
```
该扩展的其他配置选项不受 Material-for-MkDocs 官方支持,因此可能会导致不可预见的结果。使用它们需自行承担风险。
文档作者
git-authors 插件是 git-committers 插件的一个轻量级替代方案,它可以从 git 中提取文档的作者,并在每页的底部显示他们。
Material-for-MkDocs 为 git-authors 提供了深度集成。这意味着不需要进行自定义覆盖,并且会添加额外的样式(如漂亮的图标)。只需使用 pip 安装它即可:
pip install mkdocs-git-authors-plugin
在 mkdocs.yml 中添加以下内容:
plugins:
- git-authors