Konfiguration¶
Empfohlene Erweiterungen¶
markdown_extensions:
- abbr
- admonition
- attr_list
- def_list
- fenced_code
- footnotes
- md_in_html
- tables
- toc:
permalink: true
- pymdownx.details
- pymdownx.tasklist:
custom_checkbox: false
Häufige Einstellungen¶
theme:
name: kern-ux
logo: assets/logo.svg
color_mode: auto
navigation_depth: 4
collapse_navigation: true
titles_only: true
prev_next_buttons_location: bottom
footer_links:
- text: Impressum
href: impressum.md
Die vollständige Liste steht unter Theme-Optionen.
Eigene Anpassungen¶
Eigenes CSS gehört in extra_css, eigene Templates in ein custom_dir:
theme:
name: kern-ux
custom_dir: overrides
extra_css:
- assets/eigene.css
{% extends "base.html" %}
{% block footer %}
<footer class="kux-footer">…</footer>
{% endblock %}
Warum wirkt code { font-family: … } in eigenem CSS nicht?
Der KERN-Kit setzt *:not(i) { font-family: … }. Diese Regel hat eine
höhere Spezifität als ein bloßer Elementselektor. Schreiben Sie
.kux-prose code { … }, dann greift Ihre Regel.