|
| 1 | +# Setup |
| 2 | + |
| 3 | +Material for MkDocs offers a wide range of options for customizing your |
| 4 | +documentation. In this section, we will explain how you can create a meaningful |
| 5 | +structure for your site, change the look and feel, add a blog and comment system |
| 6 | +and build a highly optimized site. |
| 7 | + |
| 8 | +## Site structure |
| 9 | + |
| 10 | +Set up and customize the structure of your documentation by configuring the |
| 11 | +header and footer to your taste, choosing among many modes of navigation, |
| 12 | +setting up site search and more. |
| 13 | + |
| 14 | +<div class="grid cards" markdown> |
| 15 | + |
| 16 | +- :fontawesome-solid-earth-americas: __[Language]__ – Choose out of the 50+ supported languages or add a new one |
| 17 | +- :material-page-layout-sidebar-left: __[Navigation]__ – Create a clear, concise, and comprehensive navigation structure |
| 18 | +- :material-page-layout-header: __[Header]__ – Customize the behavior of the header, add an announcement bar |
| 19 | +- :material-page-layout-footer: __[Footer]__ – Add links to your social media profiles or websites in the footer |
| 20 | +- :material-tab-search: __[Search]__ – Set up and configure search, running entirely in the user's browser |
| 21 | +- :material-tag-plus-outline: __[Tags]__ – Categorize your pages with tags and group related pages |
| 22 | + |
| 23 | +</div> |
| 24 | + |
| 25 | + [Language]: changing-the-language.md |
| 26 | + [Navigation]: setting-up-navigation.md |
| 27 | + [Header]: setting-up-the-header.md |
| 28 | + [Footer]: setting-up-the-footer.md |
| 29 | + [Search]: setting-up-site-search.md |
| 30 | + [Tags]: setting-up-tags.md |
| 31 | + |
| 32 | + |
| 33 | +## Appearance |
| 34 | + |
| 35 | +Match your brand's colors, fonts, icons, logo, and more with a few lines of |
| 36 | +configuration – Material for MkDocs makes it easy to extend the basic |
| 37 | +configuration or alter the appearance. |
| 38 | + |
| 39 | +<div class="grid cards" markdown> |
| 40 | + |
| 41 | +- :material-brush-variant: __[Colors]__ Change colors with an existing color palette or customize with CSS |
| 42 | +- :material-format-font: __[Fonts]__ – Choose among 1,000 Google Fonts or load self-hosted fonts |
| 43 | +- :material-google-downasaur: __[Logo & Icons]__ – Change the logo, use any of the 8,000+ icons, or add new ones |
| 44 | +- :material-cards-variant: __[Social Cards]__ – Automatically create social media previews when sharing links |
| 45 | + |
| 46 | +</div> |
| 47 | + |
| 48 | + [Colors]: changing-the-colors.md |
| 49 | + [Fonts]: changing-the-fonts.md |
| 50 | + [Logo & Icons]: changing-the-logo-and-icons.md |
| 51 | + [Social Cards]: setting-up-social-cards.md |
| 52 | + |
| 53 | +## Content |
| 54 | + |
| 55 | +Create a blog, integrate a comment system, connect a git repository and set up |
| 56 | +versioned documentation that matches your project's versioning metholodogy. |
| 57 | + |
| 58 | +<div class="grid cards" markdown> |
| 59 | + |
| 60 | +- :material-book-open-outline: __[Blog]__ – Set up a standalone blog or host it alongside your documentation |
| 61 | +- :material-comment-text-outline: __[Comment System]__ – Add a third-party comment system on any page or footer |
| 62 | +- :octicons-versions-16: __[Versioning]__ – Deploy multiple versions by integrating with external utilities |
| 63 | +- :octicons-repo-16: __[Repository]__ – Connect your documentation to your git repository |
| 64 | + |
| 65 | +</div> |
| 66 | + |
| 67 | + [Blog]: setting-up-a-blog.md |
| 68 | + [Comment System]: adding-a-comment-system.md |
| 69 | + [Versioning]: setting-up-versioning.md |
| 70 | + [Repository]: adding-a-git-repository.md |
| 71 | + |
| 72 | +## Optimization |
| 73 | + |
| 74 | +Add site analytics and build an optimized site by adding automatic image |
| 75 | +compression, complying with GDPR data privacy regulations and make it |
| 76 | +offline-capable. |
| 77 | + |
| 78 | +<div class="grid cards" markdown> |
| 79 | + |
| 80 | +- :material-google-analytics: __[Site analytics]__ – Learn how your users experience your documentation |
| 81 | +- :material-screwdriver: __[Optimized site]__ – Create optimized sites that rank great on search engines |
| 82 | +- :octicons-lock-16: __[Data Privacy]__ – Ensure compliance with data privacy regulations |
| 83 | +- :octicons-cloud-offline-16: __[Offline usage]__ – Build an online and offline-capable documentation |
| 84 | + |
| 85 | +</div> |
| 86 | + |
| 87 | + [Site analytics]: site-analytics.md |
| 88 | + [Optimized site]: building-an-optimized-site.md |
| 89 | + [Data Privacy]: ensuring-data-privacy.md |
| 90 | + [Offline usage]: building-for-offline-usage.md |
0 commit comments