3.配置MkDocs

最小配置

MkDocs项目只有一个配置文件,使用yml格式。配置文件的作用是修改网站样式、启用功能、启用插件。MkDocs的大部分功能是关闭的,需要用户在配置文件中开启。

site_name: 你的网站标题

示例配置

以下是一个 mkdocs.yml​ 配置文件的示例,包含常用的 Markdown 语法拓展,并附有注释说明各部分的功能:


theme:
    icon:
        logo: material/home
    name: material
    language: zh
    palette:
        # 切换到亮色
        - media: "(prefers-color-scheme: light)" # 根据系统的颜色模式自动切换
          scheme: default
        #   primary: pink
        #   accent: pink
          toggle:
              icon: material/weather-night
              name: 切换到暗色模式
    # 切换到暗色
    - media: "(prefers-color-scheme: dark)"
      scheme: slate
    #   primary: pink
    #   accent: pink
      toggle:
          icon: material/weather-sunny
          name: 切换到亮色模式
features:
    - navigation.instant # 现在页面不会跳转,而是类似单页应用,搜索和各种跳转都是在当前页面完成,对美观有很大帮助
    - navigation.tabs # 页面上方的标签页
    - navigation.tracking # 页面滚动时,导航栏高亮当前页面
    - navigation.sections # 使导航栏分块
    - navigation.expand # 默认展开导航
    - navigation.prune # 只渲染当前页面的导航
    - toc.follow # 滚动的时候侧边栏自动跟随
    - navigation.top # 返回顶部按钮
    - search.suggest # 补全建议
    - search.highlight # 搜索结果高亮
    - search.share # 搜索结果分享
    - navigation.footer # 页脚提示下一章
    - content.code.copy # 代码段上的赋值按钮

markdown_extensions:
- pymdownx.highlight: # 代码高亮
anchor_linenums: true
- admonition # 警告语法
- def_list
- footnotes
- abbr
- pymdownx.caret
- pymdownx.mark
- pymdownx.tilde
- md_in_html
- pymdownx.arithmatex: # latex支持
generic: true
- toc:
permalink: true # 固定标题位置为当前位置
toc_depth: 3 # 目录深度
- pymdownx.highlight: # 代码块高亮
anchor_linenums: true
linenums: true # 显示行号
use_pygments: true # 代码高亮
pygments_lang_class: true
auto_title: true # 显示编程语言名称
linenums_style: pymdownx-inline # 行号样式,防止复制的时候复制行号
- pymdownx.betterem # 强调美化,比如text会被美化
- pymdownx.caret # 上标和下标
- pymdownx.mark # 上标和下标
- pymdownx.tilde # 上标和下标
- pymdownx.keys # 显示按键组合
- pymdownx.critic
- pymdownx.details # 可以折叠的代码块 ??? note 可以让警告变成折叠的
- pymdownx.inlinehilite
- pymdownx.snippets
- pymdownx.superfences
- pymdownx.magiclink # 自动识别链接
- pymdownx.smartsymbols # 智能符号
- pymdownx.snippets # 代码段
- pymdownx.tasklist:
custom_checkbox: true # 自定义复选框
- attr_list
- pymdownx.emoji:
emoji_index: !!python/name:material.extensions.emoji.twemoji
emoji_generator: !!python/name:material.extensions.emoji.to_svg
- pymdownx.superfences: # 代码块中支持Mermaid
custom_fences: # 支持 Mermaid
- name: mermaid
class: mermaid
format: !!python/name:pymdownx.superfences.fence_code_format
- pymdownx.tabbed:
alternate_style: true
combine_header_slug: true
- pymdownx.tasklist:
custom_checkbox: true
clickable_checkbox: true
- meta # 支持Markdown文件上方自定义标题标签等
- tables

site_name: 灵魂io的笔记 # 设置网站标题
copyright: Copyright © 灵魂io # 左下角的版权声明
site_description: "一个使用 MkDocs 构建的笔记网站"

手动导航,使用后自动导航将失效

nav:

- Home: index.md

- 教程: tutorials.md

- guides: how-to-guides.md

- 更多:

- 更多/中文.md

- 接口文档:

- interface/1.md

plugins:
- mkdocstrings:
handlers:
python:
paths: [src]
- search # 搜索插件
# - offline # 离线本地搜索,和navigation.instant不能同时启用

extra:
# generator: false #删除页脚显示“使用 MkDocs 材料制造”
social:
- icon: fontawesome/brands/github
link: soul-io.github.io
name: GitHub
- icon: fontawesome/brands/bilibili
link: https://space.bilibili.com/294675129
name: Bilibili
- icon: material/email
link: soulio:<xxx@qq.com>
name: Email

博客园 BEMAKE 的配置 上修改

配置说明:

  • 网站基本信息:定义网站名称、描述和作者。
  • 主题配置:指定使用 material​ 主题。
  • 导航栏配置:定义文档的导航结构。
  • 插件:启用和配置各种插件,以增强文档功能。使用前需要安装插件,参考附录
  • Markdown 拓展:启用和配置常用的 Markdown 语法拓展,增强文档的编写和显示效果。
  • 额外配置选项:例如社交链接,可以根据需要添加其他自定义选项。

通过这个 mkdocs.yml​ 配置文件,你可以轻松启用常用的 Markdown 语法拓展和插件,使你的文档网站功能更加丰富和易于使用。

posted @ 2024-07-10 05:40  soulio  阅读(29)  评论(0编辑  收藏  举报