début pour les TOC

This commit is contained in:
Thierry Fenasse 2024-03-24 22:10:58 +01:00
parent 8dbb094fa9
commit 2b2ae2853c
Signed by: tfenasse
GPG Key ID: 56BF2A3A07DDEB1F
1 changed files with 43 additions and 0 deletions

View File

@ -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 ?