网页美化

约 159 个字预计阅读时间 1 分钟

1. 提示栏和分栏¶

Text Only

markdown_extensions:
  - admonition
  - pymdownx.details
  - pymdownx.superfences

Text Only

markdown_extensions:
  - pymdownx.superfences
  - pymdownx.tabbed:
      alternate_style: true

2. 按钮¶

Text Only

markdown_extensions:
  - attr_list

Text Only

[内容](gh-pages中的绝对路径就可以下载，写相对路径就可以跳转){ .md-button }
[内容](gh-pages中的绝对路径就可以下载，写相对路径就可以跳转){ .md-button .md-button--primary}

3. 代码块¶

Text Only

markdown_extensions:
  - pymdownx.highlight:
      anchor_linenums: true
  - pymdownx.inlinehilite
  - pymdownx.snippets
  - pymdownx.superfences
theme:
  features:
    - content.code.copy
    - content.code.annotate

- 指定文件名、显示行数、指定两行高亮、指定连续高亮、去掉代码复制按钮、点击显示代码注释

4. 表格¶

Text Only

markdown_extensions:
  - tables

5. 注脚¶

Text Only

markdown_extensions:
  - footnotes

6. 图标¶

Text Only

markdown_extensions:
  - pymdownx.emoji:
      emoji_index: !!python/name:materialx.emoji.twemoji
      emoji_generator: !!python/name:materialx.emoji.to_svg

7. 图片¶

Text Only

markdown_extensions:
  - attr_list
  - md_in_html

yml配置图标编码官方插件

本文总阅读量次