début pour les TOC
This commit is contained in:
parent
8dbb094fa9
commit
2b2ae2853c
43
README.md
43
README.md
|
@ -146,6 +146,49 @@ Pour que le(s) auteur·ice·s puissent disposer d'une page personnel, en créant
|
|||
- Iosevka,PragmataPro,Noto Sans Mono Condensed,Consolas,monospace ?
|
||||
|
||||
|
||||
## Table of content
|
||||
|
||||
Info trouvées [sur ce site](https://cloudbytes.dev/snippets/add-a-table-of-contents-using-markdown-in-pelican).
|
||||
|
||||
Ajouter au `pelicanconf.py`
|
||||
|
||||
```python
|
||||
MARKDOWN = {
|
||||
"extension_configs": {
|
||||
# Needed for code syntax highlighting
|
||||
"markdown.extensions.codehilite": {"css_class": "highlight"},
|
||||
"markdown.extensions.extra": {},
|
||||
"markdown.extensions.meta": {},
|
||||
# This is for enabling the TOC generation
|
||||
"markdown.extensions.toc": {"title": ""},
|
||||
},
|
||||
"output_format": "html5",
|
||||
}
|
||||
```
|
||||
|
||||
Ajouter dans les articles où il faut une TOC : `[TOC]`.
|
||||
|
||||
Un début de custom css…
|
||||
|
||||
```css
|
||||
.toc {
|
||||
/* Pour avoir une table des matières
|
||||
* du contenu d'un article.
|
||||
*/
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
top: 10em;
|
||||
background-color: var(--primaire);
|
||||
color: var(--fond);
|
||||
max-width: 16em;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.toc ul {
|
||||
padding-left: 1em;
|
||||
}
|
||||
```
|
||||
|
||||
|
||||
## Mais qu'est-ce que je veux vraiment ?
|
||||
|
||||
|
|
Loading…
Reference in New Issue
Block a user