rescenic.github.io

Purelog-Theme für Jekyll

Eine responsive, gut gestaltete Vorlage, die Ihnen den Einstieg in Ihr nächstes Blog oder Ihre nächste Website erleichtert.
Entdecken Sie die Dokumente »

Demo ansehen · Fehler melden · Funktion anfordern

Über das Projekt

Purelog ist ein responsives Sidebar-Theme für den beliebten JAMstack-Generator Jekyll, das nur das minimale Pure.css- Framework (daher der Name!) verwendet und dennoch die bestmöglichen Praktiken für Barrierefreiheit und Suchmaschinenoptimierung befolgt.

Ich habe dies erstellt, nachdem ich Watery (auf dem dieses Thema basiert) fertiggestellt hatte, um mehr Funktionalität und Design hinzuzufügen und gleichzeitig so leicht wie möglich zu bleiben.

Dieses Projekt richtet sich an diejenigen, die ein interessantes Thema für Jekyll suchen, das über Funktionen verfügt, die anderswo nicht üblich sind, insbesondere mit separaten Abschnitten für Bloggen, Notizen und tägliche Tagebucheinträge.

Merkmale

Hier sind einige interessante Funktionen dieses Jekyll-Themas:

• Eine vollständig anpassbare und leere _BLANK_config.yml um die Inbetriebnahme zu vereinfachen.
• Eine schnelle Suchfunktion vor Ort mit Simply Jekyll Search.
• Benutzerdefinierte Sammlungen für verschiedene Arten von Material (Notizen machen, Tagebuch schreiben usw.)
• Eine automatisch generierte Archivseite, die alle Einträge aus allen Sammlungen anzeigt.
• Automatische Generierung von Tags und Kategorienseiten.
• Eine _pages Sammlung zur einfacheren Organisation.
• Eine Biografie des Autors am Ende jedes Beitrags. (Befindet sich in _inclues/author.html )
• Vollständige Rouge-Unterstützung für Syntaxhervorhebung. (Derzeit wird base16.solarized.light verwendet)
• Automatisch generierter RSS-Feed, Sitemap, Barrierefreiheitsfunktionen und Suchmaschinenoptimierung.

Installation

Voraussetzungen

Jekyll erfordert Folgendes:

• Ruby-Version 2.5.0 oder höher
• RubyGems
• GCC und Make

Anleitungen und Details finden Sie unter Anforderungen.

Anweisungen

1. Installieren Sie alle Voraussetzungen.
2. Installieren Sie die Jekyll- und Bundler-Gems.

 gem install jekyll bundler

3. Klonen Sie dieses Repository.

 git clone https://github.com/rescenic/rescenic.github.io.git

4. Wechseln Sie in Ihr neues Verzeichnis.

 cd rescenic.github.io

5. Installieren Sie Gems aus der Gemfile .

 bundle install

6. Erstellen Sie die Site und stellen Sie sie auf einem lokalen Server zur Verfügung.

 bundle exec jekyll serve --livereload

7. Navigieren Sie zu http://localhost:4000

Wenn während dieses Vorgangs Fehler auftreten, überprüfen Sie, ob Sie alle Voraussetzungen unter „Anforderungen“ installiert haben.

Wenn weiterhin Probleme auftreten, lesen Sie Fehlerbehebung.

Erste Schritte

Sobald Sie Jekyll eingerichtet haben, sind nur noch wenige Schritte erforderlich, um dieses Thema zu Ihrem eigenen zu machen:

1. Füllen Sie die Konfigurationsdatei _BLANK_config.yml aus und ersetzen Sie die aktuelle _config.yml
2. Entfernen Sie den Ordner example_posts in _posts , _notes , _journals und beginnen Sie, Ihre eigenen zu schreiben!
3. Ändern oder entfernen Sie die Seiten in _pages nach Ihren Wünschen.
4. (Optional) Ändern oder entfernen Sie diese README.md mit Informationen zu Ihrem eigenen Projekt oder Blog.
5. (Optional) Ändern Sie die CSS-Dateien im assets -Ordner, um die Site anzupassen.

Roadmap

Es gibt mehrere Funktionen, die ich noch erstellen und integrieren möchte, darunter:

• Erstellen Sie ein Theme-Gem
• Fügen Sie einfache und automatische Schaltflächen zu „Deploy to Netlify“, Heroku usw. hinzu.
• Fügen Sie Travis-Kontinuierliche Integrationsprüfungen hinzu
• Fügen Sie zusätzliche Dokumentation zum Erstellen benutzerdefinierter Sammlungen und automatisch generierter Seiten hinzu
• Fügen Sie weitere Beispielbeiträge und Artikel hinzu

Eine Liste der vorgeschlagenen Funktionen (und bekannten Probleme) finden Sie unter „Offene Probleme“.

Mitwirken

Beiträge machen die Open-Source-Community zu einem so wunderbaren Ort zum Lernen, Inspirieren und Schaffen. Jeder Beitrag, den Sie leisten, wird sehr geschätzt .

1. Forken Sie das Projekt
2. Erstellen Sie Ihren Feature-Zweig ( git checkout -b feature/AmazingFeature )
3. Übernehmen Sie Ihre Änderungen ( git commit -m 'Add some AmazingFeature' )
4. Push to the Branch ( git push origin feature/AmazingFeature )
5. Öffnen Sie eine Pull-Anfrage

Lizenz

Verteilt unter der MIT-Lizenz. Sie können dieses Projekt nach Belieben verwenden, ohne dass eine Quellenangabe erforderlich ist.

Weitere Informationen finden Sie unter LICENSE .

Ressourcen

Beim Erstellen dieses Themas bin ich auf viele hilfreiche und schwer zu findende Ressourcen gestoßen. Wenn Sie tiefer in Jekyll eintauchen möchten, schauen Sie sich diese an:

• In Jekyll springen: https://dev.to/brennan/jumping-into-jekyll-4o9h
• Jekyll-Cheatsheet: https://devhints.io/jekyll
• Kurs über Jekyll: https://learn-the-web.algonquindesign.ca/topics/jekyll/
• Jekyll für Designer: http://simpleprimate.com/jekyll-for-designers/index.html
• Dynamisches Copyright für Jekyll: https://michaelsoolee.com/jekyll-copyright/
• Breadcrumbs in Jekyll erstellen: https://jekyllcodex.org/without-plugin/breadcrumbs/
• Alle Artikel aus ALLEN Sammlungen anzeigen: https://stackoverflow.com/questions/31171041/listing-all-collections-in-jekyll

Andere Ressourcen

• Für Markdown-Vorschauen: https://jaspervdj.be/lorem-markdownum/
• Fallstudie zur Leistung von Webfonts: https://www.keycdn.com/blog/web-font-performance
• Ein umfangreiches .gitignore : https://miguelmota.com/bytes/extensive-gitignore/

Kredit

Pure.css wurde von der Pure CSS-Gruppe erstellt.

Die einfache Jekyll-Suche wurde von Christian Fei erstellt.

Verschiedene Notizen und Ideen stammen aus Simply Jekyll von Raghuveer S..