hugo PaperMod Mod

Hugo-Papermod-mod

Eine Reihe von Stylesheets, die das Aussehen von Hugo Papermod -Thema ändern. Beinhaltet Miniaturansichten und Seitenleisteninhalte.

• Miniaturansichten
• Seitenleiste toc
• Andere
• Installation

Miniaturansichten

Die Thumbnail.css -Datei verwendet das CSS -Grid -Layout, um die Position von Titelbildern in Posteinträgen zu ändern. Es ist adaptiv und ändert das Layout, wenn die Breite der Seite nicht ausreicht, wie im folgenden Video beschrieben.

Vorschaubild.MP4

Inhaltsverzeichnis

Die Datei Sidetoc.css verwendet CSS Grid Layout, um die Position von TOC in einzelnen Pfosten zur Seite zu ändern. Es setzt die Position an sticky damit der TOC beim Scrollen auf der Seite bleibt.

Seitenleiste.mp4

Andere Lebensqualitätsänderungen

Custom.css

• Erhöhen Sie die Breite der Postseiten mehr als die Startseite
• Erhöhen Sie die Breite der Bilder, die im HomeInfo -Abschnitt platziert sind
• Erhöhen Sie die Schriftgröße des Zusammenfassungstextes
• Stellen Sie die Breite der Postabdeckung ein und richten Sie sie in die Mitte aus.

Installation

Kopieren Sie einfach die CSS -Dateien, die Sie von diesem Repository gewünscht haben, in den Ordner assets/css/extended Ihres Hugo -Projekts.