Wie verwende ich das Jekyll-Theme? Tutorial zur Installation des Jekyll-Blog-Themes

💥Machen Sie Ihr eigenesJekyllDas erstaunliche Geheimnis, Ihr Blog-Theme 100-mal fortschrittlicher zu machen, ich bin schockiert! 🤯

In diesem Tutorial erfahren Sie Schritt für Schritt, wie Sie das Jekyll-Theme installieren und verwenden. Auch wenn Sie ein Anfänger sind, können Sie problemlos damit beginnen.

Verabschieden Sie sich von langweiligen Blogs und schaffen Sie einen einzigartigen und personalisierten Raum!

Verschiedene praktische Tipps und durchdachte Vorschläge, die Ihnen dabei helfen, Blogger zu werden! 🚀✨

Was ist ein Jekyll-Theme?

Das Jekyll-Theme ist eine vorgefertigte Jekyll-Website, die Sie als Ausgangspunkt für die Erstellung Ihrer eigenen Website verwenden können.

Das Theme enthält sämtlichen Code, Stile und Vorlagen, die Sie für den Einstieg benötigen.

Wie installiere ich das Jekyll-Blog-Theme?

在Wählen Sie ein ausgezeichnetes und einfaches Jekyll-ThemaAbschließend können Sie mit der Erstellung Ihrer Website beginnen, indem Sie die folgenden Schritte ausführen:

Schritt 1:. Installieren Sie Jekyll

• Stellen Sie sicher, dass Sie Ruby installiert haben.
• Installieren Sie Jekyll mit dem folgenden Befehl:

gem install jekyll

Schritt 2: Erstellen Sie eine neue Jekyll-Website

• Erstellen Sie mit dem folgenden Befehl eine neue Jekyll-Website:

jekyll new site1

• Oder verwenden Sie den folgenden Befehl, um zuerst ein Site1-Verzeichnis zu erstellen:

mkdir site1

Dann gehen Sie hierhin site1 Im Verzeichnis:

cd site1

Erstellen Sie eine Jekyll-Website im aktuellen Verzeichnis:

jekyll new .

Schritt 3: Artikeldateien kopieren

• Kopieren Sie die von Ihnen ausgewählte Artikeldatei_postsMappe.

Schritt 4: Konfigurieren Sie Ihre Website

• Bearbeiten Sie Site1/_config.yml Datei zum Konfigurieren Ihrer Website.

• Sie müssen die folgenden Einstellungen konfigurieren:

  • site.name: Ihr Website-Name.
  • site.description: Eine Beschreibung Ihrer Website.
  • baseurl: Deine Website URL.

Schritt 5: Fügen Sie Ihre Inhalte hinzu

• Erstelle neu Markdown Datei, um Ihren Inhalt hinzuzufügen.
• Markdown-Dateien können Text, Bilder, Code und andere Inhalte enthalten.

Schritt 6: Vorschau Ihrer Website

• Zeigen Sie mit dem folgenden Befehl eine Vorschau Ihrer Website an:

bundle exec jekyll serve

• Dieser Befehl ist langsam und erfordert die Ausführung eines lokalen Servers und die lokale Vorschau.

Schritt 7: Erstellen Sie Ihre Website

• Erstellen Sie Ihre Website mit den folgenden Befehlen:

bundle exec jekyll build

• Dieser Befehl ist schneller und muss nur statische Dateien generieren und die Website bereitstellen.

Schritt 8: Stellen Sie Ihre Website bereit

• Will _site Stellen Sie den Ordner auf Ihrem Webserver bereit.

Wie installiere ich das Jekyll-Theme auf einem lokalen Computer mit dem Befehl „git clone“?

Zu verwenden git clone Um das Jekyll-Design auf Ihrem lokalen Computer bereitzustellen, können Sie die folgenden Schritte ausführen:

1. Öffnen Sie eine Befehlszeile oder ein Terminal.

2. Navigieren Sie zu dem Ordner, in dem Sie das Design bereitstellen möchten.

3. Führen Sie den folgenden Befehl aus:

git clone https://github.com/melangue/dactl.git

• Dieser Befehl klont das Jekyll-Theme-Repository in den aktuellen Ordner.

4. Navigieren Sie zum geklonten Theme-Ordner.

5. Führen Sie den folgenden Befehl aus:

bundle exec jekyll serve

• Dieser Befehl startet den Jekyll-Server und beginnt mit dem lokalen Hosten Ihrer Website.

Sie können Ihre Website unter der folgenden URL anzeigen:

• http://localhost:4000

Hier sind einige zusätzliche Tipps:

• Sie können verwenden --branch Optionen geben den zu klonenden Zweig an. Zum Beispiel zum Klonen master Verzweigung, führen Sie den folgenden Befehl aus:

git clone https://github.com/melangue/dactl.git --branch master

• Sie können verwenden --depth Die Option gibt die Tiefe des zu klonenden Commit-Verlaufs an. Um beispielsweise die letzten 10 Commits zu klonen, führen Sie den folgenden Befehl aus:

git clone https://github.com/melangue/dactl.git --depth 10

Ich hoffe, diese Schritte helfen Ihnen bei der Bereitstellung des Jekyll-Designs auf Ihrem lokalen Computer!