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.

10+ Kostenlose Photoshop Plugins für Webdesigner

Die Verwendung von Photoshop-Erweiterungen erhöht die Fähigkeit, Sie beim Design zu unterstützen, Ihren Workflow effizienter zu gestalten und Ihre Produktivität zu steigern. Sie können ein Photoshop-Plugin verwenden, um sich wiederholende oder langwierige Aufgaben zu beschleunigen, wie zum Beispiel:erzeuge lange SchattenPhotoshop-Ebenen exportierenKonvertiere PSD in CSS3Konvertiere Photoshop-Text in SVGErstellen Sie Design-Spezifikationen in Photoshopwandeln Sie skeuomorphes Design in flaches Design umEs gibt viele andere Photoshop-Erweiterungen, und auf dieser Liste sind 12 großartige, die Ihn

(Tech- und Design-Tipps)

SoundR schlägt Musik basierend auf Ihrer Stimmung vor

Genre-basierte Musikvorschläge sind unter Musik-Streaming-Sites sehr verbreitet. Stimmungs- oder aktivitätsbasierte Musikvorschläge sind jedoch eine ganz andere Geschichte. Wenn Sie nach einem Musikstreamingdienst oder einer App suchen, mit der Sie Ihre Wiedergabeliste nach Ihrer Stimmung oder Ihren momentanen Aktivitäten anpassen können, sollten Sie sich die App SoundR ansehen.Soun

(Tech- und Design-Tipps)