Download abridge - Download des abridge Source Code

abridge

Website-Daten

Version 2.5.0

Herunterladen

Abrückenzola -Thema

Ein schnelles, leichtes und modernes Zola-Thema unter Verwendung von Abridge.css (ein semantisches HTML-CSS-Framework der Klassenlicht). Perfekter Leuchtturm, Yellowlabtools und Observatorium. Hier ist eine Zola -Themen -Benchmarks -Seite.

Die Wartung dieses Projekts wird von allen Mitwirkenden und Sponsoren ermöglicht. Wenn Sie dieses Projekt sponsern möchten und Ihr Avatar- oder Firmenlogo unten erscheinen lassen möchten, klicken Sie hier. ?

Ansicht der Abrückendemo

View Abridge.css Demo [Abridge.css Framework]

Die Demo von Abridge.css verwendet einfach als Submodul: config.toml, sass/Abrücken.scss.scss

Merkmale

Perfekter Leuchtturm, Yellowlabtools und Observatorium.
PWA -Unterstützung (progressive Webanwendung).
Alle JavaScript können vollständig deaktiviert werden.
Dunkel-, Licht-, Auto- und Switcher -Themen. (Farben können angepasst werden, CSS -Variablen)
Code -Syntax -Hervorhebung. (Farben können angepasst werden, CSS -Variablen)
Nummerierte Codeblöcke mit Zeilen -Hervorhebung.
Ganze Offline -Site mithilfe der PWA oder durch Einstellen von search_library = "offline" in config.toml (vollständige Suchunterstützung).
Multisprachiger Unterstützung.
Unterstützung durchsuchen. (Elasticlunr, PageFind, Tinysearch)
Suchvorschläge Navigationschlüssel, / Fokus, arrow verschieben, enter , wählende, escape schließen.
Seite der Suchergebnisse, einsuche die Suchabfrage ein und klicke Enter Key oder click das Symbol für die Suche nach Suchschaltfläche.
SEO -Unterstützung. (Suchmaschinenoptimierung)
Paginierung mit nummeriertem Paginator im Index.
Titelbasierte vorherige und nächste Artikellinks am Ende des Artikels.
Inhaltsverzeichnis im Seitenindex (optionale, klickbare Links)
Letzte Beiträge Block. (Optional)
Zurück zur oberen Taste. (verwendet nur CSS)
Codeblöcke Kopieren Sie die Schaltfläche.
E -Mail -Link in der Verschleierung der Fußzeile. (Anti-Spam)
Katex -Unterstützung.
Archivseite.
Tags.
Kategorien. (Ähnlich wie bei Tags, deaktiviert/standardmäßig kommentiert))
Social Icon Links in Fußzeile.
Responsive Design. (mobil zuerst)
Video -Shortcodes: YouTube, Vimeo, streamable.
Medien -Shortcodes: Video, IMG, IMGSWAP, Image, GIF, Audio.
Andere Shortcodes: ShowData, Katex.

Eine vollständige Dokumentation ist hier verfügbar

Schneller Start

Dieses Thema erfordert Version 0.19.1 oder höher von Zola

git clone https://github.com/jieiku/abridge.git
cd abridge
zola serve
# open http://127.0.0.1:1111/ in the browser

Installation

Der Schnellstart zeigt, wie das Thema direkt ausgeführt wird. Als nächstes werden wir Abrücken als Thema für eine neue Website verwenden.

1: Erstellen Sie eine neue Zola -Site

yes " " | zola init mysite
cd mysite

2: Abrücken installieren

Fügen Sie das Thema als Git -Submodule hinzu:

git init  # if your project is a git repository already, ignore this command
git submodule add https://github.com/jieiku/abridge.git themes/abridge
git submodule update --init --recursive
git submodule update --remote --merge

Oder klonen Sie das Thema in Ihr Themenverzeichnis:

git clone https://github.com/jieiku/abridge.git themes/abridge

3: Konfiguration

Kopieren Sie einige Dateien aus dem Themenverzeichnis in das Stammverzeichnis Ihres Projekts:

rsync themes/abridge/.gitignore .gitignore
rsync themes/abridge/config.toml config.toml
rsync themes/abridge/content/_index.md content/
rsync -r themes/abridge/COPY-TO-ROOT-SASS/ * sass/
rsync themes/abridge/netlify.toml netlify.toml
rsync themes/abridge/package_abridge.js package_abridge.js
rsync themes/abridge/package.json package.json

config.toml -Basiskonfiguration mit allen Konfigurationswerten.
content/_index.md erforderlich, um die Paginierung festzulegen.
COPY-TO-ROOT-SASS/abridge.scss überschreiben überschreibt, um Abrückenvariablen anzupassen.
netlify.toml -Einstellungen, um Ihr Repo mit Netlfiy bereitzustellen.
package_abridge.js Knotenskript an: Aktualisieren von Cache -Dateien in PWA, Minify JS, Bundle JS
package.json , um die Verwendung von package_abridge.js zu erleichtern

Überzeugen Sie die Themenzeile in der Root config.toml Ihres Projekts:

sed -i ' s/^#theme = "abridge"/theme = "abridge"/ ' config.toml

4: Neue Inhalte hinzufügen

Kopieren Sie den Inhalt aus dem Themenverzeichnis in Ihr Projekt oder erstellen Sie einen neuen Beitrag:

rsync -r themes/abridge/content .

5: Führen Sie das Projekt aus

Führen Sie einfach zola serve im Wurzelweg des Projekts aus:

zola serve

Zola startet den Dev -Webserver, der standardmäßig unter http://127.0.0.1:1111 zugänglich ist.

Gespeicherte Änderungen werden im Browser nachgeladen. (Drücken Sie ctrl+f5 oder beim Entwickeln von Set pwa=false in config.toml )

Anpassung

Überprüfen Sie zur weiteren Anpassung unbedingt die Dokumente.

Sponsor

Liebst du dieses Thema? War es für dich nützlich? Bitte hinterlassen Sie einen Github -Stern, und wenn Sie sich geneigt haben, zu spenden, können Sie mir durch Github -Sponsoren eine Spende machen.