Über diese Webseite
Inhalt und Absicht
Diese Webseite soll einen Einblick geben in die (elektronische) Welt der Musik: Töne, Klänge, Effektgeräte, Instrumente, Verstärker, Reparaturen. Weiterhin sollen auch Software und Holzwerken nicht zu kurz kommen.
«Eine schlichte Website, gespickt mit Infos über Verstärker, Effektgeräte und Musikinstrumente.»
Aufbau: Ich nehme die harte Tour, danach wird es bequem
- Erstellung von Markdown-Files nach der Spezifikation von CommonMark.
- sporadische Syntaxüberprüfung aller Files mit markdownlint-cli2.
- HTML5-Konvertierung mit Pandoc.
- HTML5-Tag-Verschönerung mit Tidy.
- Upload mit lftp.
- Dank einem einzigen Stylesheet sieht die Webseite sogar ansprechend aus.
- Linting, Konvertierung und Upload mittels Makefile.
Meine Architektur nennt sich offenbar Static Site Generator oder in Kurzform SSG, wie ich nachträglich herausgefunden habe.
Was ist der Vorteil? Ich kann frei schreiben, ohne mich gross um Formatierungen zu kümmern. Ich finde dies fantastisch!
- Der Command
make lintprüft alle Markdown-Dateien auf Syntaxfehler. - Der simple Command
makeerzeugt die komplette Webseite aus den Markdown-Files inklusive Sitemap. - Der Command
make uploadlädt die Webseite dann dank lftp auf den Webserver hoch. - Der Command
make cleandient dazu, bei Bedarf alle erzeugten Html-Dateien zu löschen.
Ich kann also alles mit vier Commands erledigen.
Der initiale Aufwand hat sich gelohnt!
Meine Gründe
Diese Webseite ist also mit Markdown-Textdateien per Hand erstellt worden. Warum?
- einfache Erstellung und Verwaltung von Testberichten
- digitale Souveränität: Weil ich es kann und so haben will.
- Ich will freie Software verwenden.
- Unabhängigkeit
- von proprietären Systemen wir Microsoft Windows. Ich verwende Linux.
- von jegwelchen CMS-Systemen
- von Wordpress, Joomla und Plugins, welche nicht von allen Web-Hostern unterstützt werden.
- die Webseite kann so ohne Probleme woanders gehostet werden (oder bei mir zu Hause)
- keine Javascripts, PHP, ASP.NET oder dergleichen
- keine lästige Cookies
- kein Nutzertracking
- volle Kontrolle über das Web-Design
- Kein unnötiger Datenmüll (jedes html-tag macht Sinn)
- extrem Wartungsarm
- volle Kontrolle über meine Daten
- keine Daten externen Datenbanken.
- Daten sind geschaffen für Langzeitarchivierung
- Ich will den Workflow selber bestimmen können.
- Lesbarkeit, Barrierefreiheit und volle Transparenz:
- kein überladener, unübersichtlicher Inhalt und keine Ablenkung.
- kompatibel mit Legacy-Browser.
- kompatibel mit eBook-Browser (Kindle Paperwhite etc.).
- kompatibel mit Textbrowser.
- kompatibel mit Smartphone-Browser.
- keine Sicherheitslücken die gestopft werden müssen.
- maximaler Speed beim Laden und anzeigen.
- Green Web Design
- minimale Server-Last bedeutet Strom sparen.
- ressourcenschonendes Renderung auf jedem Computer. Bedeutet Strom sparen.
Markdown-Text
Zur Erstellung der Markdown-Texte verwende ich gVim oder Vim, ein ultimative Editoren mit komplett konfigurierbaren Menüs, sowie mein gesammeltes Wissen über Markdown, HTML und CSS (allesamt geniale Erfindungen). Zwischendurch und von unterwegs kann’s durchaus mal einen anderer Editor sein. Spielt ja keine Rolle.
Interesse?
Wenn du auch so eine aufgeräumte Webseite haben möchtest, schreib mir doch eine E-Mail:

klangwerkbank@solnet.ch