mkdocs中使用网格--Material主题¶

最后更新：2023-11-29

:fontawesome-brands-html5: HTML for content and structure
:fontawesome-brands-js: JavaScript for interactivity
:fontawesome-brands-css3: CSS for text running out of boxes
:fontawesome-brands-internet-explorer: Internet Explorer ... huh?

HTML
<div class="grid cards" markdown>

- :fontawesome-brands-html5: __HTML__ for content and structure
- :fontawesome-brands-js: __JavaScript__ for interactivity
- :fontawesome-brands-css3: __CSS__ for text running out of boxes
- :fontawesome-brands-internet-explorer: __Internet Explorer__ ... huh?

</div>

:material-clock-fast:{ .lg .middle } Set up in 5 minutes --- Install mkdocs-material with pip and get up and running in minutes :octicons-arrow-right-24: Getting started
:fontawesome-brands-markdown:{ .lg .middle } It's just Markdown --- Focus on your content and generate a responsive and searchable static site :octicons-arrow-right-24: Reference
:material-format-font:{ .lg .middle } Made to measure --- Change the colors, fonts, language, icons, logo and more with a few lines :octicons-arrow-right-24: Customization
:material-scale-balance:{ .lg .middle } Open Source, MIT --- Material for MkDocs is licensed under MIT and available on [GitHub] :octicons-arrow-right-24: License

HTML
<div class="grid cards" markdown>
-   :material-clock-fast:{ .lg .middle } __Set up in 5 minutes__
    ---
    Install [`mkdocs-material`](#) with [`pip`](#) and get up
    and running in minutes
    [:octicons-arrow-right-24: Getting started](#)
-   :fontawesome-brands-markdown:{ .lg .middle } __It's just Markdown__
    ---
    Focus on your content and generate a responsive and searchable static site
    [:octicons-arrow-right-24: Reference](#)
-   :material-format-font:{ .lg .middle } __Made to measure__
    ---
    Change the colors, fonts, language, icons, logo and more with a few lines
    [:octicons-arrow-right-24: Customization](#)
-   :material-scale-balance:{ .lg .middle } __Open Source, MIT__
    ---
    Material for MkDocs is licensed under MIT and available on [GitHub]
    [:octicons-arrow-right-24: License](#)
</div>