Hugo Liftoff
Achtung: Ich habe aus verschiedenen Gründen keine Zeit mehr, mich mit diesem Thema zu befassen. Es ist unwahrscheinlich, dass ich auf Ihr Problem eingehen werde, und es sind keine zusätzlichen Funktionen geplant, das Thema bleibt jedoch für die Öffentlichkeit verfügbar. Fühlen Sie sich frei, es zu forken, wenn Sie umfangreiche Änderungen vornehmen müssen. Ich werde darüber nachdenken, einfache Bugfix-Pull-Requests zusammenzuführen. Wir entschuldigen uns für etwaige Unannehmlichkeiten. Weitere Informationen finden Sie in den Versionshinweisen zu Version 3.4.3.
Um
Hugo Liftoff ist ein minimalistisches Blog-/Portfolio-Thema mit Schwerpunkt auf der Erstellung von Inhalten und SEO-Best Practices. Es ist eine ideale Wahl für technische Benutzer, die eine persönliche Marke aufbauen möchten.
Dokumentation
Die vollständige Dokumentation wird im Github-Wiki dieses Repos gehostet.
Bitte öffnen Sie ein Problem, wenn Sie Fehler in den Dokumenten finden oder Verbesserungsvorschläge haben.
Demo-Site
Eine funktionierende Demo des Themas steht der Öffentlichkeit zur Evaluierung zur Verfügung.
Der im Theme enthaltene exampleSite Inhalt, den Sie frei in Ihr eigenes Projekt kopieren können, spiegelt den in der Demo verwendeten Inhalt wider. Die Idee dahinter besteht darin, Ihnen einen schnellen Einstieg zu erleichtern und alle Funktionen zu reproduzieren, die Sie in der Demo gesehen haben und die Ihrer Meinung nach in Ihrem eigenen Projekt nützlich sein könnten.
Bemerkenswerte Funktionen
- Inhaltsunterabschnitte mit der Möglichkeit, aktuelle Beiträge auf der Startseite nach Unterabschnitten zu filtern
- Taxonomie der Serienbeiträge mit einzelnen Beiträgen, die alle Beiträge der aktuellen Serie auflistet
- Weiter-/Vorherige-Links am Ende einzelner Beiträge für Unterabschnitte oder Serienbeiträge (falls aktiviert)
- Umschalten des Hell-/Dunkelmodus mithilfe benutzerdefinierter CSS-Eigenschaften
- Auf Mobilgeräte reagierendes, zusammenklappbares JS-Menü mit automatischer Untermenüunterstützung basierend auf der Menükonfiguration
- Anpassbarer Newsletter mit Netlify Forms-Unterstützung und bedingter Sichtbarkeitskontrolle
- Und noch viel mehr...
Übersicht über die Funktionen
Nachfolgend finden Sie die aktuellen Funktionen dieses Themas. Funktionen mit der Bezeichnung „optional“ oder „frontmatter“ können in der Konfiguration bzw. in „frontmatter“ aktiviert/deaktiviert werden.
Netlify
- Benutzerdefinierte Header/Weiterleitungen mit Netlify (optional)
- Netlify-Formularunterstützung für Newsletter-Opt-in und Kontaktseite (optional)
- Beispieldatei
netlify.toml für eine optimierte Bereitstellung
Dritter
- Google Analytics v4
- Google Tag Manager als Alternative zu GA (optional)
- Disqus-Kommentare (optional)
- Kommentare pro Seite deaktivieren (optional) (frontmatter)
Newsletter
- Newsletter-Opt-in mit Netlify Forms-Unterstützung (optional) (frontmatter)
- Globale Anzeige des Newsletter-Opt-Ins (optional)
- Anpassbarer Newsletter-Header, Beschreibung und CTA-Text (optional)
- Überschreiben Sie den globalen Newsletter pro Seite (optional) (Frontmatter)
- Newsletter pro Seite aktivieren oder deaktivieren (Frontmatter)
Sozial
- Native Twitter-, Mastodon-, Github-, Stack Overflow-, LinkedIn- und E-Mail-Social-Links mit SVG (optional)
- Aktivieren oder deaktivieren Sie soziale Links in der Fußzeile, im Homepage-Hero und auf der About-Seite (optional).
- Einzelne soziale Links aktivieren oder deaktivieren (optional)
- Facebook-, LinkedIn-, Twitter-, Reddit- und E-Mail-Social-Share-Symbole mit SVG für Beiträge (optional)
- Einzelne Social-Share-Symbole aktivieren oder deaktivieren (optional)
SEO / RSS
- Verbesserte Open Graph-, Twitter Cards- und Schema.org-Vorlagen
- RSS-Feed, der alle Seiten außerhalb des Beitragsbereichs ausschließt
- Anpassbare Titel- und SEO-Titel-Tags oder Titel für beide verwenden (Frontmatter)
- Anpassbare Zusammenfassung und Meta-Beschreibung oder Verwendungsbeschreibung für beides (Frontmatter)
- Benutzerdefiniertes Autoren-Meta-Tag (optional) (frontmatter)
- Benutzerdefinierte Titel-Tags und Meta-Beschreibungen für jede Seite (optional) (frontmatter)
-
robots.txt und sitemap.xml - Suchmaschinen-Crawling deaktivieren (optional)
Serien / Unterabschnitte
- Inhaltsunterabschnitte mit der Möglichkeit, aktuelle Beiträge auf der Startseite nach Unterabschnitten zu filtern (optional)
- Taxonomie der Serienbeiträge mit einzelnen Beiträgen, die alle Beiträge der aktuellen Serie auflisten (optional)
- Weiter-/Vorherige-Links am Ende einzelner Beiträge für Unterabschnitte oder Serienbeiträge (falls aktiviert)
- Unterabschnittsunterstützung für Beiträge mit benutzerdefinierten Permalinks für saubere SEO-URLs (optional)
- Auf Mobilgeräte reagierendes, zusammenklappbares JS-Menü mit automatischer Untermenüunterstützung basierend auf der Menükonfiguration
Homepage
- Heldentitel und Untertitel auf der Startseite anpassen (Frontmatter)
- Anpassen der Abschnittsüberschriften für Beiträge und Projekte auf der Startseite (Frontmatter)
Beiträge und Projekte
- Umschaltbares Sticky-Inhaltsverzeichnis für Beiträge (Frontmatter)
- Verwandte Beiträge (frontmatter)
- Social-Share-Symbole für Beiträge (Frontmatter)
- Lesezeit und Wortanzahl für Beiträge
- Letzte Änderungsdaten für Beiträge (optional)
- Anpassbare Live-URL, Quell-URL und Tech-Stack-Details für Projekte (Frontmatter)
- Tag- und Kategorietaxonomien
- Projekttyp-Taxonomie zur Kategorisierung von Projekten
- Aktuelle Beiträge und Projekte auf der Homepage
Codeausschnitte
- Syntaxhervorhebung
- Ein-Klick-Kopierschaltfläche und Sprachanzeige für Codefragmente
CSS / JS
- Umschalten des Hell-/Dunkelmodus mithilfe benutzerdefinierter CSS-Eigenschaften
- Fügen Sie benutzerdefiniertes CSS/JS in
assets - CSS- und JS-Minimierung
- Frontend-Build-Pipeline mit ESBuild und ToCSS
- PostCSS-Verarbeitung für Autoprefixing (optional)
-
npm ist völlig optional, es sei denn, Sie verwenden PostCSS/Autoprefixer - Flüssige Typografieskala mit CSS-
clamp() - Quellkarten für SCSS und JS in Entwicklung
Bilder
- Bildbearbeitung mit Hugo-Ressourcen
- Feature-Bilder für Beiträge und Projekte aus
assets oder Seitenpaketen (Frontmatter) - Benutzerdefiniertes Helden-Avatarbild für die Homepage (optional)
- Graustufen-Avatarfilter deaktivieren (optional)
- Favoriten aktivieren/deaktivieren (optional)
Archetypen
- Archetyp-Vorlagen für Beiträge und Projekte
- Seitenpaket-Unterstützung für Archetyp-Vorlagen
Markdown-Hooks
- Markdown-Render-Hooks für Codeblöcke, Bilder, Überschriften und Links
- Sprachindikator für Codeblöcke
- Fügen Sie eine benutzerdefinierte CSS-Klasse hinzu, um Bilder über URL-Fragmente zu markieren
- Überschrift-Anker-Link-SVG-Symbol
Andere Inhalte
- Erstellen Sie schnell generische Einzelseiten mit der Standard-Einzelvorlage (optional)
- Zusätzlicher Markdown-Fußzeilentext (optional)
- Hinzufügen einer Beschriftung zu Entwürfen in der Entwicklung (optional)
- Reaktionsschnelle Unterstützung für gängige Markdown-Stile wie Tabellen
- About-Seite mit sozialen Links (optional)
- Kontaktseite mit Netlify Forms-Unterstützung (optional)
- Fallback-Text für leeren Inhalt anpassen (optional)
Hugo-Standardwerte
- Beispiel für die Datei
hugo.toml mit den meisten Standardeinstellungen der Hugo-Konfiguration zur einfachen Anpassung - Überschreiben Sie die Konfigurationseinstellungen basierend auf der Hugo-Umgebung
- Integrierte Shortcodes
- Und noch viel mehr...Hugo hat viel zu bieten!
Geplante Funktionen
Die folgenden Funktionen sind für eine zukünftige Version geplant.
- Website-Suche in Echtzeit
- Bildergalerien für Projekte
- i18n-Unterstützung
- Zusätzliche erweiterte strukturierte Datenschemata von Google
- Benutzerdefinierte Shortcodes für Dinge wie Projektlisten
Hilfe bekommen
Um einen Fehlerbericht, eine Funktionsanfrage oder Nutzungsfragen einzureichen, öffnen Sie bitte ein Problem auf Github mit einer der Problemvorlagen.
Mitwirken
Wenn Sie zum Projekt beitragen möchten, forken Sie es und senden Sie mithilfe der Pull-Request-Vorlage einen Pull-Request mit Ihren Änderungen. Weitere Einzelheiten finden Sie in den Beitragsrichtlinien.
