Welcome to MkDocs¶
For full documentation visit mkdocs.org.
Installation:¶
$ pip install mkdocs
Commandes:¶
mkdocs new [dir-name]
- Create a new project.mkdocs serve
- Start the live-reloading docs server.mkdocs build
- Build the documentation site.mkdocs help
- Print this help message.gh-deploy
- Deploy your documentation to GitHub Pages.
Project layout:¶
mkdocs.yml # The configuration file.
docs/
index.md # The documentation homepage.
... # Other markdown pages, images and other files.
Créer un nouveau projet de docs:¶
bruno@SilverBook:~$ mkdocs new project
INFO - Creating project directory: project
INFO - Writing config file: project/mkdocs.yml
INFO - Writing initial docs: project/docs/index.md
bruno@SilverBook:~$ cd project
total 8
drwxr-xr-x 4 bruno staff 128 16 déc 20:48 .
drwxr-xr-x@ 70 bruno staff 2240 16 déc 20:48 ..
drwxr-xr-x 3 bruno staff 96 16 déc 20:48 docs
-rw-r--r-- 1 bruno staff 19 16 déc 20:48 mkdocs.yml
Servir le projet:¶
bruno@SilverBook:~/project$ mkdocs serve
INFO - Building documentation...
INFO - Cleaning site directory
[I 171216 20:54:40 server:283] Serving on http://127.0.0.1:8000
[I 171216 20:54:40 handlers:60] Start watching changes
[I 171216 20:54:40 handlers:62] Start detecting changes
[I 171216 20:55:00 handlers:133] Browser Connected: http://127.0.0.1:8000/
[I 171216 20:55:41 handlers:133] Browser Connected: http://127.0.0.1:8000/
Copier les docs sur le serveur:¶
$ cd /Users/bruno/project
$ ./build_and_upload.sh
/build_and_upload.sh
# !/bin/bash
cd /Users/bruno/project
mkdocs build
scp -P42666 -r ./central_docs bruno@192.168.xxx.xxx:/volume1/web
Admonitions:¶
Note:¶
Note simple:
!!! note ""
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo
purus auctor massa, nec semper lorem quam in massa.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.
Note avec titre:
!!! note "Phasellus posuere in sem ut cursus"
Phasellus posuere in sem ut cursus
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.
Note sans titre:
!!! note ""
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.
Note avec contenu:
Note
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa. python def bubble_sort(items): for i in range(len(items)): for j in range(len(items) - 1 - i): if items[j] > items[j + 1]: items[j], items[j + 1] = items[j + 1], items[j]
Nunc eu odio eleifend, blandit leo a, volutpat sapien. Phasellus posuere in sem ut cursus. Nullam sit amet tincidunt ipsum, sit amet elementum turpis. Etiam ipsum quam, mattis in purus vitae, lacinia fermentum enim.
Note collapsible ouverte:
??? note
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
massa, nec semper lorem quam in massa.
Note
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.
Note collapsible fermée:
???+ note
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod
nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor
massa, nec semper lorem quam in massa.
Note
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.
Type:¶
abstract
, summary
, tldr
!!! abstract "Résumé"
Résumé
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.
info
, todo
!!! info "Info"
Info
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.
tip
, hint
, important
!!! tip "Tip"
Tip
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.
success
, check
, done
!!! success "Succès"
Succès
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.
question
, help
, faq
!!! help "Aide"
Aide
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.
warning
, caution
, attention
!!! warning "Attention"
Attention
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.
failure
, fail
, missing
!!! fail "Echec"
Echec
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.
danger
, error
!!! danger "Erreur"
Erreur
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.
bug
!!! bug "Bug"
Bug
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.
example
!!! example "Exemple"
Exemple
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.
quote
, cite
!!! quote "Citation"
Citation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.
https://squidfunk.github.io/mkdocs-material/reference/abbreviations/
Font Awesome icons:¶
:fa-link: http://bwmarrin.github.io/MkDocsPlus/
:fa-link: http://fontawesome.io/icons/
:fa-link:
:fa-link:
<i class="fa fa-link fa-lg"></i>
<i class="fa fa-link fa-2x"></i>
<i class="fa fa-link fa-5x"></i>
Themes:¶
Installer un thème:¶
$ pip install mkdocs-cinder
Mettre à jour un thème:¶
$ pip install --upgrade mkdocs-material
:octicons-link: Material for MkDocs
https://github.com/otsuarez/mkdocs_auth
Plugins:¶
- mkdocs-material-extensions
- mkdocs-git-revision-date-localized-plugin
- mkdocs-minify-plugin
- fontawesome_markdown
- mkdocs-pdf-export-plugin
- markdown
- pymdown-extensions
$ pip install --upgrade mkdocs-material-extensions mkdocs-git-revision-date-localized-plugin mkdocs-minify-plugin fontawesome_markdown mkdocs-pdf-export-plugin markdown pymdown-extensions
Structures:¶
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 |
|
-
assets/
- icons
- icon-128x128.png
- icon-96x96.png
- icons
-
javascripts/
- extra.js
-
Manifest.json
-
stylesheets/
- extra.css
- fontawesome-all.css
- second_extra.css
-
webfonts/
- fa-brands-400.eot
- fa-regular-400.eot
- fa-solid-900.eot
-
Includes/
- abbreviations.md
-
mkdocs.yml
-
overrides/
- partials/
-
central_docs/ : le site crée par
mkdocs build