Jekyll-Download- und Installations-Tutorial: Erstellen Sie eine statische Blog-Website von Grund auf auf Ihrem lokalen Computer

Dies Jekyll Laden Sie das Installations-Tutorial herunter und zeigen Sie es Schritt für Schritt. Sie können Ihr eigenes Blog erstellen, ohne Geld auszugeben!

Erstellen Sie eine statische Blog-Website von Grund auf, selbst wenn Sie ein Anfänger sind, ist das problemlos möglich! Keine Notwendigkeit, es zu kompliziereneine Webseite bauen, verabschieden Sie sich von der Mühe, eine Website zu erstellen, erstellen Sie in wenigen Minuten Ihren eigenen exklusiven Blog und lassen Sie Ihre Talente und Kreativität erstrahlen! 🚀🎉

Was ist Jekyll?

Jekyll, ein statischer Website-Generator, eignet sich sehr gut zum Erstellen von Blog-Websites.

Es kann in Markup-Sprache geschriebenen Text und Layout verwenden, um statische Websites zu erstellen.

Sie können das Erscheinungsbild der Website, die URL, die auf der Seite angezeigten Daten und mehr ändern ...

Die Mängel von Jekyll liegen auf der Hand. Da es keine Datenbank verwendet, ist es zum Erstellen völlig ungeeignetE-CommerceArt der Website.

Was sind die Vorteile von Jekyll?

• Jekyll ist einfach zu bedienen und zu erlernen.
• Jekyll kann schnelle und sichere statische Websites generieren.
• Jekyll verfügt über eine große Anzahl an Themes und Plugins.

Wie fange ich an, Jekyll zu verwenden?

1. Installieren Sie Jekyll.
2. Erstellen Sie eine neue Jekyll-Website.
3. Wählen Sie ein Jekyll-Thema.
4. 添加你的内容：Jekyll新建文章教程
5. Vorschau Ihrer Website.
6. Erstellen Sie Ihre Website.
7. 部署你的网站：Jekyll静态博客免费部署到Surge.sh

Installieren Sie Jekyll, indem Sie RubyInstaller herunterladen

Der einfachste Weg, Ruby und Jekyll zu installieren, ist die Verwendung des RubyInstaller für Windows.

RubyInstaller ist ein Windows-basiertes unabhängiges Installationsprogramm, das die Ruby-Sprache, die Ausführungsumgebung, wichtige Dokumentation usw. enthält.

Wir behandeln hier nur RubyInstaller-2.4 und höher. Ältere Versionen erfordern eine manuelle Installation von Devkit.

Schritt 1:Laden Sie RubyInstaller herunter

• Laden Sie RubyInstaller Downloads herunter und installieren Sie esRuby+DevkitAusführung.
• Installieren Sie mit Standardoptionen.

2 步：Geben Sie cmd ein

niederdrückenWIN-Taste + R-Taste, dann eingeben cmd, und drücken Sie dann die Eingabetaste ▼

3 步：Geben Sie die Befehlseingabe ein ridk installSchritte in den letzten Phasen der Installation.

• Dies ist erforderlich, um Gems mit nativen Erweiterungen zu installieren.
• Wählen Sie aus OptionenMSYS2 and MINGW development tool chain.

• Führen Sie den Befehl aus ruby -v 和 gem -v um die Versionsnummer zu überprüfen, um zu bestätigen, ob die Installation erfolgreich war.

Öffnen Sie das Windows-Startmenü und suchen SieStart Command Prompt with Ruby, um die Ruby-Befehlszeile zu aktivieren.

4 步：Wechseln Sie die Edelsteinquelle zur chinesischen Quelle

Aufgrund von Netzwerkverbindungs- und Geschwindigkeitsproblemen wird dringend empfohlen, die Gem-Quelle auf die chinesische Quelle umzustellen, bevor eine Aktualisierung des Gems in Betracht gezogen wird▼

gem sources --remove https://rubygems.org/
gem sources -a https://gems.ruby-china.com/

Oder

gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/

5 步：Schauen wir uns die aktuellen Quellen an ▼

gem sources -l

• Stellen Sie sicher, dass es nur solche gibt gems.ruby-china.com

6 步：Aktualisieren Sie Ruby gem▼

gem update

7 步：Wir installieren Komponenten ▼

gem install jekyll bundler

8 步：Überprüfen Sie, ob Jekyll vollständig installiert ist▼

jekyll -v

Erstellen Sie eine statische Jelly-Blog-Website auf Ihrem lokalen Computer

1 步：Laufwerksbuchstaben ändern▼
Geben Sie direkt in cmd eind:

2 步：Aktuellen Ordner ändern▼

cd d:\Jekyll\

3 步：Erstellen Sie eine neue Jekyll-Website mit dem folgenden Befehl ▼

jekyll new site1

4 步：Geben Sie das Projektverzeichnis ein▼

cd site1

5 步：Jekyll-Dienst starten▼

jekyll serve

Transfer--livereloadOptionen zuserveAktualisieren Sie die Seite jedes Mal automatisch, wenn Änderungen an der Quelldatei vorgenommen werden▼

bundle exec jekyll serve --livereload

• Wenn Sie Ihre Website entwickeln, verwenden Siejekyll serve或 jekyll build
• Um zu erzwingen, dass der Browser bei jeder Änderung aktualisiert wird, verwenden Siejekyll serve --livereload.
• jekyll serveIntegrierte Site-Version_siteNicht für den Einsatz geeignet.
• Verwenden Sie Links und Asset-URLs von der erstellten Site jekyll serve wird benutzen https://localhost:4000 Der Wert wird über die Befehlszeilenkonfiguration und nicht in der Konfigurationsdatei der Site festgelegt.

6 步：Zugriff http://localhost:4000 Projekt ansehen.

Hinweis:

• Wenn die Datei in xxx.github.io/blog abgelegt wird, kann es sein, dass die Github-Seite nicht aktualisiert wird.
• Der Grund für dieses Phänomen ist, dass GitHub in Jekyll nur xxx.github. io/_includes liest und nicht tief in blog/_includes einsteigt.
• Glücklicherweise ist dieses Problem kein schwieriges Problem. Richten Sie einfach eine Github-Seite auf GitHub ein und das Problem wird im Handumdrehen gelöst!

Wie lösche ich die auf dem lokalen Computer installierte Jekyll-Website über Befehle?

Mit dem folgenden Befehl können Sie eine lokal installierte Jekyll-Website löschen.

Löschen Sie die generierten Dateien:

1 步：Führen Sie den folgenden Befehl aus, um die generierten Dateien zu löschen▼

jekyll clean

2 步：Löschen Sie alle Website-Verzeichnisse

• Wenn Sie das gesamte Website-Verzeichnis vollständig löschen möchten, können Sie das manuell löschen C:/Users/a/myblog Ordner.

Jekyll-Ressourcen

Jekyll ist ein einfaches Framework im Blog-Stil zum Erstellen statischer Websites.

Es benutzt Markdown und Liquid-Vorlagensprache, mit der Sie auf einfache Weise schöne, dynamische Websites erstellen können.

Weitere Informationen finden Sie in der Jekyll-Dokumentation.

Hier sind einige nützliche Ressourcen zu Jekyll. Ich hoffe, diese Ressourcen können Ihnen dabei helfen, Jekyll zum Erstellen einer Website zu verwenden!