Änderungsprotokoll
Hier dokumentiere ich sämtliche Änderungen diese Website betreffend. Das tue ich vorrangig für mich selbst, um die Dinge später noch nachvollziehen zu können, aber wenn es auch euch an der einen oder anderen Stelle weiterhilft, um so besser.
TODO
- Beiträge aus meiner Datenstrom-Yellow-Instanz importieren
- Changelog aus meiner Datenstrom-Yellow-Instanz integrieren
- Favicon anpassen
- Monats- und Wochentagsnamen von Englisch auf Deutsch ändern
- Farben für Kommentarbereich anpassen
22.03.2026
- Bei externen Links Zeilenumbruch nach Pfeil verhindern:
- Dafür in den Pure-Blog-Einstellungen bei „{} CSS“ → „Front-end CSS“ angepasst:
a[href^="http"]::before { color: orangered; content: "↗\00A0"; } - Somit sind Pfeile und Leerraum wieder unterstrichen. 😔 Wer eine (elegante) Lösung hat, bitte kontaktieren!
- Dafür in den Pure-Blog-Einstellungen bei „{} CSS“ → „Front-end CSS“ angepasst:
21.03.2026
- Kommentarfunktion eingerichtet:
- Dafür Pure Comments Version 1.3.2 auf meinen Rechner in einen temporären Ordner heruntergeladen und entpackt
- So entstandenen Ordner
purecomments-1.3.2incommentsumbenannt, in meinen Pure-Blog-Projektordnerwerschreibtverschoben und mittels FreeFileSync auf meinen Webspace hochgeladen („Zwei-Wege-Synchronisierung“) - Grundinstallation von Pure Comments durchgeführt
- Datei
includes/post-meta.phpin Ordnercontent/includes/kopiert und oberhalb von<div class="post-nav">eingefügt:<div id="comments"></div> <script src="/comments/public/embed.js" defer></script> - In den Pure-Blog-Einstellungen bei „Site Settings“ → „Post head HTML“ hinzugefügt:
<link rel="stylesheet" href="/comments/public/comments.css"> - In Datei
werschreibt/comments/public/embed.jsZeichenketten übersetzt und Zeitdarstellung angepasst:if (diffSeconds < 45) return 'Soeben'; if (diffMinutes < 60) return `Vor ${diffMinutes} Minute${diffMinutes === 1 ? '' : 'n'}`; if (diffHours < 24) return `Vor ${diffHours} Stunde${diffHours === 1 ? '' : 'n'}`; if (diffDays < 30) return `Vor ${diffDays} Tag${diffDays === 1 ? '' : 'en'}`;//const day = String(date.getUTCDate()).padStart(2, '0'); const day = String(date.getUTCDate()); const monthNames = ['Januar', 'Februar', 'März', 'April', 'Mai', 'Juni', 'Juli', 'August', 'September', 'Oktober', 'November', 'Dezember']; const month = monthNames[date.getUTCMonth()]; const year = date.getUTCFullYear(); //const hours = String(date.getUTCHours()).padStart(2, '0'); const hours = String(date.getUTCHours()); const minutes = String(date.getUTCMinutes()).padStart(2, '0'); return `${day}. ${month} ${year} ${hours}:${minutes} Uhr UTC`; - In Datei
werschreibt/comments/api/index.phpZeichenkette „Your comment is awaiting moderation.“ zu „Dein Beitrag wartet auf die Moderation.“ übersetzt
- Navigation zwischen Beiträgen übersetzt („Previous post“ / „Next post“):
- Dafür in Datei
content/includes/post-meta.phpdie beiden Zeichenketten angepasst
- Dafür in Datei
20.03.2026
- HTML-Auszeichnungsfehler The text content of element “time” was not in the required format: The literal did not satisfy the time-datetime format. für Startseite und Beitragsansicht behoben; siehe https://github.com/kevquirk/pureblog/pull/28
- HTML-Auszeichnungsfehler Trailing slash on void elements has no effect and interacts badly with unquoted attribute values. in Fußzeile behoben:
- Dafür in Datei
content/includes/footer.phpan zwei Stellen<br />zu<br>geändert; hatte ich so aus der Datenstrom-Yellow-Instanz übernommen
- Dafür in Datei
Hauptüberschriften (sowie harten Zeilenumbruch (zwei Leerzeichen /#/<h1>) auf den Seiten Über und „Changelog“ (= diese Seite)<br />) auf der Seite "Über" entfernt →Überprüfung mit The W3C Markup Validation Service bestanden; Beitragsansicht macht einen Strich durch die Rechnung, da auch hier Warnung Consider using the “h1” element as a top-level heading only (all “h1” elements are treated as top-level headings by many screen readers and other tools).- Datumsformat in den Pure-Blog-Einstellungen von
F j, Yzul, j. F Y H:iPgeändert - Externe Links visuell als solche kennzeichnen:
- Dafür in den Pure-Blog-Einstellungen bei „{} CSS“ → „Front-end CSS“ hinzugefügt:
a[href^="http"]::before { color: orangered; content: "↗"; display: inline-block; /* verhindert, dass die Link-Unterstreichung durchläuft */ margin-right: 0.2rem; }a[href^="https://werschreibt.de.cool"]::before { color: var(--accent-color); content: ""; }
- Dafür in den Pure-Blog-Einstellungen bei „{} CSS“ → „Front-end CSS“ hinzugefügt:
17.03.2026
- Finale Datensicherung meiner Datenstrom-Yellow-Instanz erstellt und Ordner
werschreibtauf meinem Webspace bei lima-city geleert - Pure Blog Version 1.9.3 auf meinen Rechner in einen Projektordner heruntergeladen und entpackt
- So entstandenen Ordner
pureblog-1.9.3inwerschreibtumbenannt und mittels FreeFileSync auf meinen Webspace hochgeladen („Zwei-Wege-Synchronisierung“) - Grundinstallation von Pure Blog durchgeführt
- Seite „Changelog“ (= diese Seite) erstellt
- Umleitung der Feed-URL von Datenstrom Yellow zu Pure Blog eingerichtet, damit bisherige Abonnenten weiterhin versorgt werden:
- Dafür in Datei
.htaccessoberhalb von# Everything else (...)eingefügt:RewriteCond %{REQUEST_URI} !^/feed\.php$ RewriteRule ^feed/page:feed\.xml$ /feed.php [L]
- Dafür in Datei
- Feed-URL bei UberBlogr angepasst, damit neue Abonnenten gleich die richtige nutzen
- Farbschema aus Datenstrom Yellow wiederhergestellt; siehe Beitrag Pure Blog: Farben anpassen
- Tagline „Hätte ich mehr Zeit gehabt, hätte ich mich kürzer gefasst.“ festgelegt
- In Navigationsmenü Bezeichnung „Home“ zu „Startseite“ geändert:
- Dafür Datei
includes/masthead.phpin neuen Ordnercontent/includes/kopiert und Zeichenfolge angepasst
- Dafür Datei
- Globale Fußzeile angepasst:
- Dafür Datei
includes/footer.phpin Ordnercontent/includes/kopiert, passenden Inhalt aus Datenstrom-Yellow-Dateicontent/shared/footer.mdvon Markdown in HTML umgewandelt, Text aktualisiert und eingefügt
- Dafür Datei
- Seite Über angelegt und Inhalt aus Datenstrom-Yellow-Datei
content/1-home/page.mdmit einigen Anpassungen übernommen - Seite Themen mit Schlagwortwolke eingerichtet:
- Dafür im Prinzip nach Kevs Beitrag How to Create a Tag Cloud vorgegangen, die Zeichenketten übersetzt, bei CSS
text-transform: uppercase;weggelassen und in den Einstellungen für „Custom nav items“ den WertThemen | /themenund für „Custom routes“ den Wert/themen | /content/includes/tag-cloud.phpverwendet
- Dafür im Prinzip nach Kevs Beitrag How to Create a Tag Cloud vorgegangen, die Zeichenketten übersetzt, bei CSS
- Navigationsmenü aufgeräumt:
- Seite „About“ in Entwurfsmodus versetzt, da aktuell nicht benötigt
- Seite „Demo“ aus Navigationsmenü ausgeblendet, damit ich sie noch manuell aufrufen kann
- Seiten „Über“ und “Changelog“ aus Navigationsmenü ausgeblendet
- Stattdessen bei „Custom nav items“ in von mir gewünschter Anzeigereihenfolge hinterlegt:
Über | /ueber Themen | /themen Changelog | /changelog