Accentsconagua
Share
Jekyll kann mit GitHub Pages zur Erstellung einfacher, blogfähiger, statischer Websites verwendet werden. Dieses Video zeigt Ihnen, wie Sie die flache Jekyll-Struktur der einfachen Dateien in 60 Sekunden einrichten!
Wenn Sie alles eingerichtet haben und Inspiration benötigen, informieren Sie sich über die verfügbaren Jekyll-Themen auf dem Envato Market.
Wenn Sie eine schriftliche Erklärung vorziehen, wird der gesamte Vorgang in klaren Schritten beschrieben:
Erstellen Sie zunächst einen Ordner für ein neues Repo auf Ihrem System. Navigieren Sie dazu mit dem Terminal zu dem gewünschten Ordner und geben Sie Folgendes ein: mkdir mysite. Unser neuer Ordner heißt "mysite", aber Sie können ihn beliebig benennen.
Wechseln Sie in das neue Verzeichnis, indem Sie eingeben cd mysite-Erstellen Sie dann eine Konfigurationsdatei, indem Sie den Befehl eingeben vim _config.yml. Ihr Terminalfenster zeigt Ihnen den Inhalt dieser Datei an. Klicken Sie auf ich betreten Einfügemodus, Dann füge folgenden Inhalt hinzu:
Titel: Meine Site
Schlagen Esc verlassen Einfügemodus, dann eingeben : x um die vorgenommenen Änderungen zu speichern.
Als Nächstes müssen wir das Indexdokument erstellen. Geben Sie also ein vim index.md Und wie schon zuvor fügen Sie den folgenden Inhalt hinzu:
--- Titel: Hallo Layout: Standard --- Hallo!
Legen Sie nun einen neuen Ordner an mkdir _layouts und wechseln Sie in dieses Verzeichnis mit cd _layouts. Vergeben Sie ein Standardvorlagendokument vim default.html und füge folgenden Inhalt hinzu:
content
Nun müssen wir den Ordner als neues Repo initialisieren und die Änderungen übernehmen. Beginnen Sie also mit dem Navigieren zur Wurzel unseres Projekts mit CD… . Dann geben Sie ein git init, gefolgt von git add --all && git commit --all.
Wechseln Sie über den Browser zu GitHub und erstellen Sie ein neues Repo.
Sie erhalten an dieser Stelle einige Optionen, also greifen Sie die Befehle dort auf, wo Sie sie sehen Drücken Sie ein vorhandenes Repository von der Befehlszeile aus. Die Befehle lesen etwa wie folgt:
git remote add origin [email protected]: Ihr_Benutzername / mysite.git git Push -u Ursprungsmaster
Fügen Sie diese Befehle in das Terminal ein, um Ihr lokales Repo auf GitHub zu übertragen.
Zuletzt im GitHub-Repo die Einstellungen, Wählen Sie den Master-Zweig für GitHub-Seiten, dann schlagen sparen.
Jekyll ist fertig eingerichtet und Ihre Website kann fertiggestellt werden!
Weitere Informationen zum Erstellen statischer Websites mit Jekyll finden Sie in den folgenden Ressourcen rund um Envato Tuts+!
