Heim > Entwicklungswerkzeuge > Idiot > Besprechen Sie, wie Sie auf GitHub einen Hexo-Blog erstellen

Besprechen Sie, wie Sie auf GitHub einen Hexo-Blog erstellen

PHPz
Freigeben: 2023-04-06 14:03:43
Original
676 Leute haben es durchsucht

GitHub ist eine globale Open-Code-Hosting-Plattform, die Entwicklern eine praktische Plattform für die Zusammenarbeit und den Austausch von Code bietet. Hexo ist ein schnelles, einfaches und effizientes Blogging-Framework, das auf Node.js basiert. In diesem Artikel erfahren Sie, wie Sie einen Hexo-Blog auf GitHub einrichten.

  1. Erstellen Sie ein GitHub-Repository
    Zuerst müssen wir ein Repository auf GitHub erstellen. Klicken Sie auf der GitHub-Homepage auf Neues Repository, geben Sie den Warehouse-Namen ein, wählen Sie Öffentlich oder Privat aus und klicken Sie dann auf Repository erstellen. Als nächstes müssen wir Git installieren und damit lokale Dateien in das GitHub-Repository übertragen.
  2. Hexo installieren
    Für nachfolgende Vorgänge müssen wir Node.js und Git lokal installieren. Öffnen Sie dann ein Befehlszeilenfenster und geben Sie den folgenden Befehl ein, um Hexo zu installieren.
npm install -g hexo-cli
Nach dem Login kopieren
  1. Hexo-Blogdatei generieren
    Als nächstes verwenden wir Hexo, um einen neuen Blog zu erstellen. Geben Sie in der Befehlszeile den folgenden Befehl ein:
hexo init myblog
cd myblog
npm install
Nach dem Login kopieren

Dieser Befehl erstellt einen Myblog-Ordner im aktuellen Verzeichnis und installiert Hexo darin.

  1. Hexo-Blog konfigurieren
    Als nächstes müssen wir einige Einstellungen für Hexo vornehmen. Öffnen Sie im Stammverzeichnis von Hexo die Datei _config.yml. Dies ist die Konfigurationsdatei des Hexo-Blogs und enthält alle Hexo-Einstellungen. Wir müssen diese Datei konfigurieren, um unseren persönlichen Blog anzupassen.
  2. Auf GitHub-Seiten bereitstellen
    Hexo generiert automatisch statische HTML-Dateien für uns, die wir auf GitHub-Seiten bereitstellen müssen. Geben Sie in der Befehlszeile den folgenden Befehl ein:
npm install hexo-deployer-git --save
Nach dem Login kopieren

Dieser Befehl installiert das Hexo-Deployer-Git-Plugin in unserem Blog. Fügen Sie dann die folgende Konfiguration in die Datei _config.yml ein:

deploy:
  type: git
  repository: git@github.com:username/username.github.io.git
  branch: master
Nach dem Login kopieren

wobei Benutzername unser GitHub-Benutzername ist. Führen Sie dann den folgenden Befehl aus, um das Blog auf GitHub Pages bereitzustellen.

hexo clean && hexo g && hexo d
Nach dem Login kopieren

Hexo überträgt die Blogdateien automatisch auf unsere GitHub-Seitenseite, und wir können unseren Blog unter https://username.github.io anzeigen.

  1. Artikel veröffentlichen
    Endlich können wir mit der Veröffentlichung unserer eigenen Blogartikel beginnen. Führen Sie im Hexo-Stammverzeichnis den folgenden Befehl aus, um einen neuen Artikel zu erstellen:
hexo new post "文章名称"
Nach dem Login kopieren

Dieser Befehl erstellt eine neue Markdown-Datei im Verzeichnis source/_posts, wobei „Artikelname“ der Titel des Artikels ist, den Sie veröffentlichen möchten .

Nachdem Sie den obigen Befehl ausgeführt haben, ändern Sie die *.md-Datei unter source/_posts/ und schreiben Sie Ihren eigenen Artikelinhalt.

  1. Hexo-Theme
    Wenn Sie möchten, dass Ihr Blog schöner und persönlicher wird, können Sie den Stil Ihres Blogs ändern, indem Sie das Hexo-Theme installieren. Führen Sie einfach den folgenden Befehl im Stammverzeichnis von Hexo aus, um das Theme zu installieren:
git clone https://github.com/author/author.github.io.git themes/theme-name
Nach dem Login kopieren

Wobei Autor der GitHub-Benutzername des Theme-Autors und Theme-Name der Name des Themes ist.

Dann öffnen Sie im Stammverzeichnis von Hexo die Datei _config.yml und ändern Sie das Theme in den Namen des Themes, das Sie installiert haben. Zum Beispiel:

theme: theme-name
Nach dem Login kopieren

Auf diese Weise haben Sie Ihren eigenen Hexo-Blog eingerichtet und können fröhlich schreiben und teilen.

Das obige ist der detaillierte Inhalt vonBesprechen Sie, wie Sie auf GitHub einen Hexo-Blog erstellen. 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