Heim > Entwicklungswerkzeuge > Idiot > So stellen Sie Hexo auf Github bereit

So stellen Sie Hexo auf Github bereit

PHPz
Freigeben: 2023-04-26 10:02:21
Original
2000 Leute haben es durchsucht

Hexo ist ein ausgezeichneter statischer Blog-Generator, der Benutzern beim schnellen Erstellen einer Blog-Website helfen kann und eine Vielzahl von Themen unterstützt, was ihn sehr flexibel macht.

Wie stellt man Hexo auf Github bereit? Im Folgenden werde ich Ihnen diesen Prozess im Detail vorstellen.

1. Vorbereitung

  1. Registrieren Sie ein Github-Konto

Wenn Sie noch kein Github-Konto haben, müssen Sie zuerst eines registrieren. Offizielle Github-Website: https://github.com/

  1. Git installieren

Hexo Um den generierten Blog auf Github hochzuladen, müssen Sie Git für die Codeverwaltung und -übermittlung verwenden. Daher muss Git installiert werden.

Unter Windows können Sie das neueste Installationsprogramm von der offiziellen Git-Website https://git-scm.com/ herunterladen.

Unter Linux können Sie zur Installation direkt den Befehl yum oder apt-get verwenden.

  1. Node.js installieren

Hexo wurde auf Basis der Node.js-Sprache entwickelt, daher muss die Node.js-Laufzeitumgebung installiert werden.

Laden Sie die neueste Version von der offiziellen Node.js-Website https://nodejs.org/ herunter und installieren Sie sie. 2. Hexo-Bloginitialisierung Geben Sie in der Befehlszeile den folgenden Befehl zur Initialisierung ein:

npm install -g hexo-cli
Nach dem Login kopieren

Installieren Sie das Plug-in
  1. Nach Abschluss der Initialisierung müssen Sie das Plug-in installieren, um die Generierung und Anzeige des Blogs zu unterstützen. Häufig verwendete Plug-Ins sind wie folgt:

hexo-deployer-git: Wird zum Veröffentlichen lokal generierter Websites auf Github verwendet.
  1. hexo-generator-sitemap: wird zum Generieren einer Sitemap verwendet.
hexo-generator-baidu-sitemap: Wird zum Generieren der in Baidu enthaltenen Sitemap verwendet.

hexo-renderer-pug: Wird zur Unterstützung des Renderns der Pug-Template-Engine verwendet.
  1. Geben Sie den folgenden Befehl in der Befehlszeile ein, um zu installieren:
hexo init
Nach dem Login kopieren

3. Hexo-Konfiguration

  • Website-Konfiguration
  • Sie können die grundlegenden Informationen der Website in der Datei _config.yml konfigurieren, z , Autor und Sprache , Themen usw.
  • Theme

Hexo hat viele Themes zur Auswahl, die auf der offiziellen Website https://hexo.io/themes/ eingesehen werden können. Häufig verwendete Themes sind wie folgt:

hexo-theme-next: Ein sehr beliebtes Theme, das eine Vielzahl von Konfigurationselementen unterstützt.
  1. hexo-theme-matery: Ein weiteres hervorragendes Theme mit tollen visuellen Effekten.

Nachdem Sie das Theme lokal heruntergeladen haben, können Sie es über die Befehlszeile installieren:

npm install hexo-deployer-git --save
npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save
npm install hexo-renderer-pug --save
Nach dem Login kopieren
  1. Bereitstellungskonfiguration

Suchen Sie den Bereitstellungsabschnitt in der Datei _config.yml und nehmen Sie die relevanten Konfigurationen wie folgt vor:

git clone https://github.com/theme-next/hexo-theme-next themes/next
Nach dem Login kopieren
    Unter anderem: Typ ist der Bereitstellungstyp, Repository ist die Github-Warehouse-Adresse und Branch ist der Github-Zweig. Ersetzen Sie einfach den Benutzernamen im Repository durch Ihren eigenen Github-Benutzernamen.
  • 4. Erstellen Sie einen Blog und laden Sie ihn auf Github hoch. Erstellen Sie einen Blog. Geben Sie den folgenden Befehl in die Befehlszeile ein, um einen Blog zu erstellen: Zeigen Sie eine lokale Vorschau an und geben Sie den folgenden Befehl ein, um den lokalen Dienst zu starten:
  • deploy:
      type: git
      repository: git@github.com:username/username.github.io.git
      branch: master
    Nach dem Login kopieren
  • Geben Sie dann http://localhost:4000 in den Browser ein, um eine Vorschau des Blogs anzuzeigen.

Blog hochladen
  1. Geben Sie den folgenden Befehl in die Befehlszeile ein, um den Blog auf Github hochzuladen:
hexo g
Nach dem Login kopieren

Nachdem der Upload erfolgreich war, geben Sie https://username.github.io in den Browser ein, um auf den Blog zuzugreifen.

Wenn dies der erste Upload ist, müssen Sie Ihren Github-Benutzernamen und Ihr Passwort eingeben.

5. Zusammenfassung

    Durch die oben genannten Schritte können wir den von Hexo erstellten Blog schnell auf Github bereitstellen.
  1. Während der Nutzung können Sie den Hexo-Blog-Quellcode zur Sicherung und Versionsverwaltung auf Github stellen, um zukünftige Blog-Iterationen und -Wartung zu erleichtern. Gleichzeitig ist Github Pages auch eine sehr gute Blog-Hosting-Plattform und Sie können kostenlose Hosting-Dienste nutzen.

Wenn Sie während des Blog-Erstellungsprozesses auf Probleme stoßen, können Sie die Dokumentation auf der offiziellen Hexo-Website https://hexo.io/ und im Theme Warehouse auf Github überprüfen oder das offizielle Hexo-Forum https:// besuchen. bbs.hexo.io/ Diskussion und Hilfe.

Das obige ist der detaillierte Inhalt vonSo stellen Sie Hexo auf Github bereit. 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