Heim > Entwicklungswerkzeuge > Idiot > Bringen Sie Ihnen bei, Hexo auf Github bereitzustellen

Bringen Sie Ihnen bei, Hexo auf Github bereitzustellen

PHPz
Freigeben: 2023-03-31 14:20:50
Original
2158 Leute haben es durchsucht

Hexo ist ein einfacher und praktischer statischer Blog-Generator, mit dem wir schnell Blogs erstellen können. Er unterstützt eine Vielzahl von Themen und Plug-Ins und kann problemlos allgemeine Anforderungen wie Markdown und Code-Hervorhebung erfüllen. Nachdem wir den Blog geschrieben haben, müssen wir ihn im Internet bereitstellen, um ihn mehr Menschen anzuzeigen. Github ist eine gute Wahl. Als nächstes erklären wir im Detail, wie man Hexo auf Github bereitstellt.

Schritt 1: Erstellen Sie ein Github-Repository

Zuerst müssen wir zur offiziellen Github-Website gehen, um ein Repository zu erstellen. Das Benennungsformat basiert auf „username.github.io“.

Schritt 2: Git installieren

Stellen Sie vor der Bereitstellung sicher, dass Git lokal installiert ist. Wenn nicht, können Sie es von der offiziellen Website herunterladen und installieren.

Schritt 3: Hexo initialisieren

Als nächstes erstellen Sie lokal einen Ordner, z. B. „Blog“, um alle Dateien und Verzeichnisse von Hexo zu speichern. Führen Sie zum Initialisieren den folgenden Befehl aus:

hexo init blog
Nach dem Login kopieren

Dieser Befehl erstellt einen Ordner mit dem Namen „blog“ im aktuellen Verzeichnis, das das Basisverzeichnis von Hexo enthält.

Schritt 4: Bearbeiten Sie die Konfigurationsdatei

Im Basisverzeichnis von Hexo gibt es eine Konfigurationsdatei mit dem Namen „_config.yml“. Diese Datei müssen wir bearbeiten und konfigurieren. Ändern Sie den Dateiinhalt wie folgt:

# Site
title: your-blog-title
subtitle: your-blog-subtitle
description: your-blog-description
keywords: your-blog-keywords
author: your-name
language: zh-CN
timezone: Asia/Shanghai

# URL
url: https://your-username.github.io
root: /

# Deployment
deploy:
  type: git
  repository: https://github.com/your-username/your-username.github.io.git
  branch: master
Nach dem Login kopieren

Es ist zu beachten, dass Inhalte wie „Ihr-Blog-Titel“ und „Ihr-Blog-Untertitel“ in die Informationen Ihres eigenen Blogs geändert werden müssen.

Schritt 5: Abhängigkeiten installieren

Führen Sie den folgenden Befehl im Basisverzeichnis von Hexo aus, um die Abhängigkeiten zu installieren:

npm install
Nach dem Login kopieren

Schritt 6: Statische Dateien generieren

Führen Sie den folgenden Befehl im Basisverzeichnis von Hexo aus, um statische Dateien zu generieren:

hexo clean && hexo g
Nach dem Login kopieren

Dieser Befehl generiert ein „öffentliches“ Verzeichnis, das alle statischen Dateien enthält.

Schritt 7: Statische Dateien an Github senden

Führen Sie den folgenden Befehl im Basisverzeichnis von Hexo aus, um statische Dateien an Github zu senden:

hexo d
Nach dem Login kopieren

Dieser Befehl lädt alle statischen Dateien im Verzeichnis „public“ auf Github hoch.

Schritt 8: Besuchen Sie den Blog

Geben Sie abschließend die folgende URL in den Browser ein, um auf den Blog zuzugreifen:

https://your-username.github.io
Nach dem Login kopieren

Zusammenfassung

Zu diesem Zeitpunkt haben wir Hexo auf Github bereitgestellt. Wenn wir im tatsächlichen Gebrauch den Blog-Inhalt ändern, müssen wir nur die Befehle in den Schritten 6 und 7 erneut ausführen, um den aktualisierten Blog an Github zu senden. Diese Methode ist sehr einfach und bequem und eignet sich zum schnellen Einrichten eines persönlichen Blogs.

Das obige ist der detaillierte Inhalt vonBringen Sie Ihnen bei, Hexo auf Github bereitzustellen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage