首页 - Rounded主题

[giscus[bot]]

首页 - Rounded主题

https://gaozqi.github.io/material-mkdocs-theme/

[RonaldLN]

Fantastic!!!!😘😘😘

[1985312383]

很漂亮的主题，已使用，希望作者大大可以多做一些，以及丰富文档，真的很好用

[GaoZQi]

我查看了你们项目的mkdocs.yml，其中下面片段配置错误：

markdown_extensions:
  - pymdownx.emoji: # 启用表情符号

参考文档：https://squidfunk.github.io/mkdocs-material/reference/icons-emojis/#configuration
需要修改为：

markdown_extensions:
  - attr_list
  - pymdownx.emoji:
      emoji_index: !!python/name:material.extensions.emoji.twemoji
      emoji_generator: !!python/name:material.extensions.emoji.to_svg

修改完后可能在VScode编辑器中会显示报错，但并没有影响。可以参考下面settings.json片段解决报错。

    "yaml.customTags": [
        "!ENV scalar",
        "!ENV sequence",
        "tag:yaml.org,2002:python/name:material.extensions.emoji.to_svg",
        "tag:yaml.org,2002:python/name:material.extensions.emoji.twemoji",
        "tag:yaml.org,2002:python/name:pymdownx.superfences.fence_code_format"
    ],

参考文章：https://tenax-599.github.io/mkdocs-material/%E5%A6%82%E4%BD%95%E7%94%A8-material-for-mkdocs-%E6%90%AD%E5%BB%BA%E4%B8%80%E4%B8%AA%E5%B1%9E%E4%BA%8E%E4%BD%A0%E7%9A%84%E5%8D%9A%E5%AE%A2/#_15

[1985312383]

尝试了一下，颜色切换图标依旧不生效

[GaoZQi]

需要修改mkdocs.yml的theme中的paltette设置（注意icon值），代码如下：

    palette:
        - scheme: auto
          primary: teal
          accent: orange
          toggle:
              icon: octicons/sun-16
              name: Switch to dark mode
        # Palette toggle for dark mode
        - media: "(prefers-color-scheme: dark)"
          scheme: slate
          toggle:
              icon: octicons/moon-16
              name: Switch to light mode

[GaoZQi]

还有一个问题浅色模式应该设置scheme为default而不是auto。auto会导致根据系统设置自动切换为深色模式。

[1985312383]

感谢，原来是我的icon没修改为日月，所以图标没变化。我之前以为这些是在theme里修改的