Blended ist ein statischer Website-Generator, der in Python geschrieben und unter der Open-Source-Lizenz GPL 3.0 lizenziert ist. Es unterstützt ein HTML-basiertes Vorlagensystem sowie Inhalte, die in HTML, Markdown, Textile, reStructuredText, Jade, Docx und Plain Text geschrieben sind. Es unterstützt auch die Kompilierung von SASS, Less, Stylus und CoffeeScript. Blended erleichtert die Bereitstellung Ihrer Websites durch die Integration eines integrierten FTP-Uploaders. Darüber hinaus ist Blended leistungsstark aktualisierbar, da es ein Python-Plugin-System unterstützt.
Um Blended von PyPi zu installieren (empfohlen), führen Sie Folgendes aus:
pip install blended
Um Blended aus dem Quellcode zu erstellen und zu installieren, führen Sie Folgendes aus:
git clone https://github.com/johnroper100/Blended.git
cd Blended
pip install .
Um Blended nach der Installation zu verwenden, führen Sie Folgendes aus:
blended init
Dies wird Ihnen beim Start einer neuen Website helfen. Wenn Sie Hilfe benötigen, führen Sie Folgendes aus:
blended --help
und Sie sehen alle verfügbaren Befehle.
Um die Site zu erstellen, die Sie mit Blended erstellt haben, führen Sie sie aus
blended build
oder
blended interactive
(für die Erstellung von Dateiänderungen)
Für jeden Befehl, den Sie ausführen, können Sie ein alternatives --outdir
zum Erstellen oder Anzeigen angeben. Um beispielsweise im Ordner source_output
zu erstellen, führen Sie blended build --outdir source_output
aus.
In der Datei config.py
können Sie minify_css
und minify_js
auf true setzen, um Ihre CSS- und JS-Dateien nach dem Erstellen zu optimieren.
Sie können Vorlagen von GitHub mit blended install-template
installieren.
Jede Blended-Website verwendet vier Vorlagendateien:
navTest.html
oder nav_test.html
){name}
, {content}
, {content_short}
, {date}
, {day}
, {month}
, {month_name}
haben. {year}
, {path}
)In diesen Dateien platzieren Sie das Markup für jeden zu generierenden Abschnitt.
Wenn Sie mit Seiten arbeiten, können Sie optional angeben, welche Vorlage Sie möchten (außer content_page.html
), indem Sie den Namen der Vorlagendatei ohne Erweiterung in die erste Zeile der Seite und dann mindestens fünf +
s in die zweite Zeile einfügen . Wenn ich zum Beispiel eine Vorlage namens blog_page.html
für eine bestimmte Seite verwenden wollte, würde ich Folgendes tun:
blog_page
+++++
oben auf der Seite. Stellen Sie sicher, dass Sie es ganz oben platzieren, sonst funktioniert es nicht!
Sie verfügen über einige Variablen, die Sie in Ihren Vorlagen verwenden können, um beim Erstellen Werte abzurufen:
{website_name}
{website_description}
{website_description_long}
(Für lange Beschreibungen wie eine Autorenbiografie verwenden){author_name}
{author_bio}
{website_language}
{website_license}
{website_url}
{page_content}
(Kann nur in der Vorlagendatei content_page.html verwendet werden){page_date}
(Datum/Uhrzeit, zu der die Seite geschrieben/geändert wurde){page_day}
(Tag, an dem die Seite geschrieben/geändert wurde){page_month}
(Monat, in dem die Seite geschrieben/geändert wurde){page_month_name}
(Name des Monats, in dem die Seite geschrieben/geändert wurde){page_year}
(Jahr, in dem die Seite geschrieben/geändert wurde){relative_root}
(Gibt einen relativen Pfad für die aktuelle Datei zurück){random_number}
{build_date}
{build_time}
{build_datetime}
{
(page_filename) _active}
(Wenn beim Erstellen die aktive Seite dem Dateinamen im Tag entspricht, wird das Tag durch active
ersetzt, z. B. {getting-started.html_active}
){nav
(name) }
(Zum Platzieren von Navigationsleisten verwenden. Um eine Navigationsleiste hinzuzufügen, schreiben Sie nav
und etwas anderes. Zum Beispiel {nav2}
oder {nav_test}
){page_list}
(Listet alle Seiten im Format <ul><li><a href="page-name.html">page-name</a></li></ul>
auf){page_file}
(Der vollständige Dateiname der Seite, z. B. getting-started.html
){page_filename}
(der Dateiname der Seite ohne die Erweiterung .html. z. B. getting-started
){page_name}
(Gibt den Namen der aktuellen Seite an. Macht den Seitennamen hübscher. Beispielsweise wird getting-started.html
in Getting Started
konvertiert.){page_folder}
(Gibt den Namen des Ordners der aktuellen Seite an. Lässt den Ordnernamen hübscher aussehen. getting-started
wird beispielsweise in Getting Started
“ umgewandelt.){page_folder_orig}
(Gibt den Namen des Ordners der aktuellen Seite an){blended_version}
(Gibt die aktuelle Version von Blended){blended_version_message}
(Gibt die aktuelle Version von Blended mit einer netten Nachricht: Built with Blended v4.9
)Wo immer Sie diese Variablen in die Vorlagen einfügen, werden sie durch die Werte in Ihrer config.py-Datei ersetzt. Die Variablen müssen innerhalb der geschweiften Klammern bleiben. Sie können Variablen sogar in den Inhalt anderer Variablen einfügen!
Sie können Plugins von PyPi installieren, zum Beispiel pip install blended_google_analytics
. Sie können Plugins auch von GitHub mit blended install-plugin
installieren.
Um Plugins zu verwenden, fügen Sie sie in die plugins
-Liste in config.py
ein.
Wenn das Plugin in Ihren Vorlagen aufgerufen werden soll, z. {html_comment_box}
und fügen Sie es dann wie plugins = ["html_comment_box"]
in die Plugin-Liste ein.
Sie können mehrere Plugins gleichzeitig verwenden, z. plugins = ["html_comment_box", "minify_images"]
In Ihrer config.py
gibt es eine Variable custom_variables = {}
. Dies ist ein Wörterbuch aller benutzerdefinierten Variablen, die Sie verwenden möchten. Um eine Variable hinzuzufügen, fügen Sie sie als Wörterbuchelement hinzu.
Hier einige Beispiele:
custom_variables = {"software_name": "Blended"}
custom_variables = {"software_name": "Blended", "software_version": "5.0"}
Sie können eine Website und Beiträge aus WordPress importieren. Exportieren Sie dazu mit der Option Posts
aus WordPress und laden Sie die Datei in das Verzeichnis herunter, in dem Sie Ihre Website erstellen möchten.
Führen Sie den Befehl blended import-wp
aus und Sie werden aufgefordert, den Namen/Dateipfad der Datei einzugeben. Geben Sie den Dateinamen ein und Blended erstellt eine neue Website mit den Informationen.
Sie können Beiträge aus Blogger importieren. Exportieren Sie dazu mit der Option Backup Site
aus Blogger und laden Sie die Datei in das Verzeichnis herunter, in dem Sie Ihre Website erstellen möchten.
Führen Sie den Befehl blended import-blogger
aus und Sie werden aufgefordert, den Namen/Dateipfad der Datei einzugeben. Geben Sie den Dateinamen ein und Blended erstellt eine neue Website mit den Informationen.
Denken Sie daran, dass Sie Vorlagen von GitHub mit blended install-template
installieren können.
Einfach (GitHub-Seite)
Blog (GitHub-Seite)
Software Showcase (GitHub-Seite)
Disqus (GitHub-Seite)
Google Analytics (GitHub-Seite)
HTML-Kommentarfeld (GitHub-Seite)
Twitter-Karten (GitHub-Seite)
Facebook-Karten (GitHub-Seite)
Google Fonts (GitHub-Seite)
Bootstrap importieren (GitHub-Seite)
Die Blended-Website
Neugestaltung der Art Of Illusion-Website
Ein vollständiges Render-Management-Dashboard (GitHub-Seite)
Neugestaltung der DVDStyler-Website (GitHub-Seite)
Neugestaltung der MakeHuman-Website (GitHub-Seite)
Neugestaltung der LilyPond-Website (GitHub-Seite)