de.hideout-lastation.com
Wie lade ich Jekyll zur Github Seite hoch
Wir haben besprochen, wie man einen Jekyll-Blog lokal in unserem Computer einrichtet, einen Entwurf erstellt und mehrere Entwürfe mit Hilfe eines Plugins in den vorherigen Posts verwaltet. Jetzt sind wir bereit, den Blog auf dem Online-Server bereitzustellen, damit die Welt sehen kann, wie toll unser Blog ist.
Die Bereitstellung von Jekyll auf einem Online-Server ist so einfach, da es sich nur um eine statische Website handelt. Alles, was Sie brauchen, ist Shared Hosting mit ausreichend Festplattenspeicher und genügend Bandbreite, um es zu hosten. Die Kosten für Shared Hosting sollten erschwinglich sein. Aber warum sollte man sich sorgen, wenn man einen Jekyll-Blog komplett kostenlos hosten kann - mit Github Pages.
Github bietet Github Pages kostenlos für jeden an, der seine statischen Websites hostet. Es hat Jekyll eingebaut, so ist es ein guter Ort, um unseren Jekyll-betriebenen Blog zu hosten. In diesem Artikel zeigen wir Ihnen, wie Sie unseren Blog auf Github Pages bereitstellen.
Anfangen
Zuerst benötigen Sie einen Github-Account. Sobald Sie einen haben, erstellen Sie ein neues Repository. Der Name Ihres Repositorys wird für die Blog-Adresse im folgenden Format verwendet: {username}.github.io/{repo-name} .
In diesem Beispiel werde ich mein Repository einfach als blog . Wenn das Repository erstellt wurde, kopieren Sie die Klon-URL .
Hinzufügen, Commit und Push
Wir werden unsere lokalen Jekyll-Dateien in unser neu erstelltes Github-Repository hochladen. Ich werde Github für Mac verwenden, um die Arbeit zu erledigen, die kostenlos heruntergeladen werden kann - Github für Windows ist auch für Windows-Benutzer verfügbar.
Lassen Sie uns die Github App starten und fügen Sie dann unser Jekyll Blog-Verzeichnis als lokales Repository hinzu.
Gehen Sie zur Seite Einstellungen. Fügen Sie die Github-Git-Klon-URL ein, die oben kopiert wurde.
Commit und Push die Dateien zu Github.
Gehe nach Github. Stellen Sie sicher, dass alle Dateien erfolgreich hochgeladen wurden.
Github Seiten Zweig
Das Erstellen einer Github-Seite für ein Repository ist so einfach wie das Erstellen einer neuen Git-Verzweigung. Wechseln Sie in der Github-App zur Registerkarte Zweige . Erstellen Sie einen neuen Zweig mit dem Namen gh-pages des Hauptzweigs, und klicken Sie auf die Schaltfläche Veröffentlichen.
Der neue Zweig ist jetzt im Github-Repository registriert.
Die Github-Seite für Ihr Repository sollte in wenigen Minuten fertig sein. Wenn dies der {username}.github.io/{repo-name} ist, können Sie es unter {username}.github.io/{repo-name} in den Browsern öffnen. Beispiel:
Fehlerbehebung
Wenn das Blog nicht korrekt formatiert ist, kann dies daran liegen, dass das Stylesheet nicht ordnungsgemäß verknüpft ist. Öffnen Sie das default.html in _layouts-Ordner, um dieses Problem zu beheben. Sie werden feststellen, dass das Stylesheet mit einem Schrägstrich, / initialisiert ist.
Lassen Sie den ersten Schrägstrich aus, sodass der Pfad wie folgt aussieht:
Dann Commit die Änderung, und drücken Sie es auf Github. Der Blog sollte jetzt korrekt angezeigt werden.
Steigern Sie die Produktivität Ihres Sketch mit diesem kostenlosen Tool
Wir alle wollen Dinge schneller erledigen. Design-Programme helfen uns , erstaunliche Oberflächen zu schaffen, aber manchmal können klobige Menüs den Prozess verlangsamen.Mit dem Sketch Runner-Plug-in können Sie Ihren Sketch-Workflow durch typisierte Befehle automatisieren, mit denen Menüs geöffnet, bestimmte Seitenelemente ausgewählt und sogar Plugin-Befehle automatisiert werden.Sie de
30 kostenlose Web Browser Frame PSD Vorlagen
Wenn Sie jemals eine einfache Website-Vorlage in Photoshop entworfen haben, haben Sie vielleicht eine schnelle, aber schicke Möglichkeit gefunden, einen Screenshot Ihres letzten Meisterwerks zu zeigen. Manchmal reicht jedoch ein einfacher Screenshot nicht aus, daher muss ein Webbrowser-Rahmen für Ihre Arbeit erstellt werden.
