2016-08-07 19:01:56 +03:00
|
|
|
|
# Material <small>for MkDocs</small>
|
2016-02-09 23:59:37 +03:00
|
|
|
|
|
2017-01-03 01:11:32 +03:00
|
|
|
|
## Build beautiful documentation
|
2016-02-09 23:59:37 +03:00
|
|
|
|
|
2017-01-03 01:11:32 +03:00
|
|
|
|
Material is a theme for [MkDocs][1], an excellent static site generator geared
|
2017-01-12 02:49:28 +03:00
|
|
|
|
towards project documentation. It is built using Google's [Material Design][2]
|
|
|
|
|
guidelines, fully responsive and optimized for touch and pointer devices.
|
2016-02-09 23:59:37 +03:00
|
|
|
|
|
2016-02-17 20:08:11 +03:00
|
|
|
|
Material is very lightweight – it is built from scratch using Javascript and
|
2017-01-12 02:49:28 +03:00
|
|
|
|
CSS that weighs approximately 30kb (minified, gzipped and excluding Google
|
|
|
|
|
Fonts and Analytics). Yet, it is highly customizable and degrades gracefully in
|
|
|
|
|
older browsers.
|
2016-02-09 23:59:37 +03:00
|
|
|
|
|
2017-01-03 01:11:32 +03:00
|
|
|
|
[1]: http://www.mkdocs.org
|
|
|
|
|
[2]: https://www.google.com/design/spec/material-design
|
|
|
|
|
|
2016-02-24 19:31:01 +03:00
|
|
|
|
## Quick start
|
|
|
|
|
|
2017-01-03 01:11:32 +03:00
|
|
|
|
Install the latest version of Material with `pip`:
|
2016-02-24 19:31:01 +03:00
|
|
|
|
|
|
|
|
|
``` sh
|
|
|
|
|
pip install mkdocs-material
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
Add the following line to your `mkdocs.yml`:
|
|
|
|
|
|
|
|
|
|
``` yaml
|
|
|
|
|
theme: 'material'
|
|
|
|
|
```
|
|
|
|
|
|
2017-01-12 02:49:28 +03:00
|
|
|
|
For detailed instructions see the [getting started guide][3].
|
|
|
|
|
|
|
|
|
|
[3]: getting-started.md
|
|
|
|
|
|
2016-02-09 23:59:37 +03:00
|
|
|
|
## Features
|
|
|
|
|
|
2017-01-12 02:49:28 +03:00
|
|
|
|
* Beautiful, readable and very user-friendly design based on Google's Material
|
|
|
|
|
Design guidelines, packed in a full responsive template with a well-defined
|
|
|
|
|
and [easily customizable color palette][4], great typography, as well as a
|
|
|
|
|
beautiful search interface.
|
2016-02-09 23:59:37 +03:00
|
|
|
|
|
2017-01-12 02:49:28 +03:00
|
|
|
|
* Responsive specimen like code blocks, tables that work on all screen sizes,
|
|
|
|
|
working with and without JavaScript which makes it gracefully degrade in
|
|
|
|
|
older browsers.
|
2016-02-09 23:59:37 +03:00
|
|
|
|
|
2017-01-12 02:49:28 +03:00
|
|
|
|
- Extra configuration options like a [project logo][5], links to
|
|
|
|
|
[social accounts][6], display of the amount of stars your project has on
|
|
|
|
|
GitHub and [Google Analytics integration][7].
|
2016-02-09 23:59:37 +03:00
|
|
|
|
|
2017-01-12 02:49:28 +03:00
|
|
|
|
- Easily [extendable and customizable][8] due to a well-designed asset pipeline
|
|
|
|
|
built on-top of modern web technologies and modular and abstracted
|
|
|
|
|
style definitions..
|
2016-02-09 23:59:37 +03:00
|
|
|
|
|
2016-02-24 19:31:01 +03:00
|
|
|
|
- Web application capability on iOS – when the page is saved to the homescreen,
|
2016-02-17 20:08:11 +03:00
|
|
|
|
it behaves and looks like a native application.
|
2016-02-09 23:59:37 +03:00
|
|
|
|
|
2017-01-12 02:49:28 +03:00
|
|
|
|
[4]: getting-started.md#changing-the-color-palette
|
|
|
|
|
[5]: getting-started.md#adding-a-logo
|
|
|
|
|
[6]: getting-started.md#adding-social-links
|
|
|
|
|
[7]: getting-started.md#google-analytics-integration
|
|
|
|
|
[8]: customization.md
|