Heim > Entwicklungswerkzeuge > Idiot > So erstellen Sie mit Hexo ein persönliches Blog

So erstellen Sie mit Hexo ein persönliches Blog

PHPz
Freigeben: 2023-04-26 10:16:20
Original
992 Leute haben es durchsucht

Hexo ist ein schnelles, einfaches und leistungsstarkes statisches Blog-Framework, das zum Erstellen eines persönlichen Blogs oder einer Website verwendet werden kann. Im Gegensatz zu anderen CMS (Content-Management-Systemen) wie WordPress oder Joomla generiert Hexo statische Dateien, wodurch der Besuch der Website schneller und sicherer wird.

In diesem Artikel werden Ihnen die detaillierten Schritte zur Verwendung von Hexo zum Erstellen eines persönlichen Blogs und zum Bereitstellen im Internet über GitHub vorgestellt.

Hexo installieren

Bevor Sie beginnen, müssen Sie zuerst Hexo installieren. Stellen Sie zunächst sicher, dass Node.js, npm (Node.js-Paketmanager) und Git auf Ihrem Computer installiert sind. Öffnen Sie das Terminal und geben Sie den folgenden Befehl ein, um Hexo zu installieren:

$ npm install -g hexo-cli
Nach dem Login kopieren

Erstellen Sie eine neue Hexo-Site

Nach der Installation von Hexo können Sie eine neue Site erstellen. Bitte befolgen Sie die folgenden Schritte:

  1. Wählen Sie einen Ordner als Ordner zum Speichern der Hexo-Site aus. Geben Sie im Terminal den folgenden Befehl ein und geben Sie diesen Ordner ein:

    $ cd /path/to/folder
    Nach dem Login kopieren
  2. Führen Sie den folgenden Befehl aus, um eine neue Hexo-Site zu generieren:

    $ hexo init myblog
    Nach dem Login kopieren
  3. # 🎜🎜 #
  4. Geben Sie die neu erstellte Site ein:

    $ cd myblog
    Nach dem Login kopieren
Da wir nun eine einfache Hexo-Site haben, müssen wir sie als Nächstes konfigurieren.

Konfigurieren von Hexo

Die Site-Konfigurationsdatei ist _config.yml. Diese Datei enthält Ihre Site-Informationen wie Site-Name, Beschreibung, Tags, soziale Medien von Drittanbietern usw. Geben Sie im Terminal den folgenden Befehl ein, um die Datei zu bearbeiten:

$ nano _config.yml
Nach dem Login kopieren
_config.yml。该文件包含你的站点信息,例如站点名称、描述、标签、第三方社交媒体等。在终端输入以下命令,编辑该文件:
deploy:
  type: git
  repo: https://github.com/yourusername/yourusername.github.io.git
  branch: master
Nach dem Login kopieren

在文件中,你需要设置以下内容:

  1. title: 设置你的站点名称
  2. author: 设置你的名字
  3. description: 设置你的站点描述
  4. language: 设置你的语言
  5. timezone: 设置你的时区
  6. theme: 设置你的Hexo主题
  7. deploy: 设置你的部署类型

例如,如果你想使用Next主题,需要在theme:下输入next。在deploy下,我们将GitHub作为我们的部署类型,因此需要提供以下信息:

$ hexo new "My First Blog Post”
Nach dem Login kopieren

此处yourusername应替换为你的GitHub用户名和GitHub页面存储库名称。

保存文件并退出。

创建一篇新文章

现在该站点已经配置好了,接下来创建一篇新的文章。在Hexo中,将使用Markdown文件来创建文章。在终端输入以下命令,创建一个新文章:

---
title: My First Blog Post
date: 2021-05-01 22:31:01
tags:
description: This is my very first blog post!
---

Hello world!

This is my first blog post on my new Hexo site. I'm really excited to start writing and sharing my thoughts with the world.
Nach dem Login kopieren

此命令将在/source/_posts目录下创建一个新的Markdown文件my-first-blog-post.md。使用任何编辑器打开该文件,并使用Markdown语法编写内容。

例如:

$ cd /path/to/myblog
Nach dem Login kopieren

在保存并退出文件后,就可以将它部署到GitHub上了。

部署Hexo到GitHub

首先,需要在GitHub上创建一个新的存储库。请确保该存储库的名称为yourusername.github.io,其中yourusername应替换为你的GitHub用户名。该存储库便是你的个人博客。创建存储库后,需要在本地计算机上进行一些操作,将Hexo网站部署到该存储库中。

初始化本地存储库

在终端输入以下命令,将当前目录设置为Hexo站点目录:

$ git init
Nach dem Login kopieren

接下来,使用以下命令将站点初始化为git存储库:

$ git add .
Nach dem Login kopieren

此命令将在站点目录中初始化一个空的git存储库。

添加变更

在本地计算机上修改了Hexo博客,需要将变更添加到git存储库中。输入以下命令,添加新文件和修改文件:

$ git commit -m "My First Blog Post"
Nach dem Login kopieren

提交变更

输入以下命令,提交变更:

$ ssh-keygen -t rsa -b 4096 -C "your_email@example.com"
Nach dem Login kopieren

在引号内填上此次提交的描述内容,例如此处的标题“My First Blog Post”。

部署到GitHub

部署到GitHub,需要为感兴趣的存储库设置SSH密钥。输入以下命令:

$ cat ~/.ssh/id_rsa.pub
Nach dem Login kopieren

在引号内填上你的GitHub注册邮箱。

接下来,按回车键将一路留空,直到SSH密钥生成完毕。

使用以下命令将公钥添加到GitHub中:

$ hexo deploy
Nach dem Login kopieren

将这个公钥复制到你的GitHub账户中。在GitHub页面的Settings菜单中,选择SSH and GPG keys,选择New SSH key,并将公钥粘贴到文本框中。

输入以下代码,将代码推到GitHub存储库中:

rrreee

输入此命令后,Hexo会自动将你的变更提交到GitHub存储库,并且在yourusername.github.io上部署网站。

从此刻起,你的博客就可以通过访问https://yourusername.github.ioIn der Datei müssen Sie folgenden Inhalt festlegen:

title: Legen Sie Ihren Site-Namen fest

Autor: Legen Sie Ihren Site-Namen fest#🎜🎜##🎜🎜#Beschreibung: Legen Sie Ihre Site-Beschreibung fest #🎜 🎜##🎜🎜#Sprache: Stellen Sie Ihre Sprache ein #🎜🎜##🎜🎜#Zeitzone: Stellen Sie Ihre Zeitzone ein #🎜🎜##🎜🎜#theme: Legen Sie Ihr Hexo-Theme fest #🎜🎜##🎜🎜#deploy: Legen Sie Ihren Bereitstellungstyp fest #🎜🎜##🎜🎜##🎜🎜#Zum Beispiel, wenn Sie Wenn Sie das Next-Theme verwenden möchten, müssen Sie unter theme: next eingeben. Unter deploy haben wir GitHub als Bereitstellungstyp, daher müssen wir die folgenden Informationen angeben: #🎜🎜#rrreee#🎜🎜#Hier sollte yourusername durch Ihren ersetzt werden GitHub-Benutzername und GitHub Pages-Repository-Name. #🎜🎜##🎜🎜#Speichern Sie die Datei und beenden Sie den Vorgang. #🎜🎜##🎜🎜#Neuen Artikel erstellen #🎜🎜##🎜🎜#Nachdem die Website konfiguriert ist, erstellen wir einen neuen Artikel. In Hexo werden Markdown-Dateien zum Erstellen von Artikeln verwendet. Geben Sie im Terminal den folgenden Befehl ein, um einen neuen Beitrag zu erstellen: #🎜🎜#rrreee#🎜🎜#Dieser Befehl erstellt eine neue Markdown-Datei my-first- in <code>/source/_posts Verzeichnis blog-post.md. Öffnen Sie die Datei mit einem beliebigen Editor und schreiben Sie den Inhalt mithilfe der Markdown-Syntax. #🎜🎜##🎜🎜#Zum Beispiel: #🎜🎜#rrreee#🎜🎜#Nachdem Sie die Datei gespeichert und beendet haben, können Sie sie auf GitHub bereitstellen. #🎜🎜##🎜🎜#Hexo auf GitHub bereitstellen#🎜🎜##🎜🎜#Zuerst müssen Sie ein neues Repository auf GitHub erstellen. Bitte stellen Sie sicher, dass das Repository den Namen yourusername.github.io trägt, wobei yourusername durch Ihren GitHub-Benutzernamen ersetzt werden sollte. Dieses Repository ist Ihr persönlicher Blog. Nachdem Sie das Repository erstellt haben, müssen Sie einige Vorgänge auf Ihrem lokalen Computer ausführen, um die Hexo-Website im Repository bereitzustellen. #🎜🎜#

Lokales Repository initialisieren

#🎜🎜#Geben Sie den folgenden Befehl im Terminal ein, um das aktuelle Verzeichnis auf das Hexo-Site-Verzeichnis festzulegen: #🎜🎜#rrreee#🎜🎜#Als nächstes verwenden Sie Folgendes Befehl zum Initialisieren der Site als Git-Repository: #🎜🎜#rrreee#🎜🎜#Dieser Befehl initialisiert ein leeres Git-Repository im Site-Verzeichnis. #🎜🎜#

Änderungen hinzufügen

#🎜🎜#Der Hexo-Blog wurde auf dem lokalen Computer geändert und die Änderungen müssen dem Git-Repository hinzugefügt werden. Geben Sie den folgenden Befehl ein, um neue Dateien hinzuzufügen und Dateien zu ändern: #🎜🎜#rrreee

Änderungen übernehmen

#🎜🎜#Geben Sie den folgenden Befehl ein, um Änderungen zu übermitteln: #🎜🎜#rrreee#🎜🎜#Geben Sie das Angebot ein markiert eine Beschreibung dieses Beitrags, z. B. hier den Titel „Mein erster Blog-Beitrag“. #🎜🎜#

Auf GitHub bereitstellen

#🎜🎜# Für die Bereitstellung auf GitHub müssen Sie einen SSH-Schlüssel für das gewünschte Repository einrichten. Geben Sie den folgenden Befehl ein: #🎜🎜#rrreee#🎜🎜# Geben Sie Ihre bei GitHub registrierte E-Mail-Adresse in die Anführungszeichen ein. #🎜🎜##🎜🎜# Drücken Sie anschließend die Eingabetaste und lassen Sie das Feld vollständig leer, bis der SSH-Schlüssel generiert wird. #🎜🎜##🎜🎜#Fügen Sie den öffentlichen Schlüssel zu GitHub hinzu, indem Sie den folgenden Befehl verwenden: #🎜🎜#rrreee#🎜🎜#Kopieren Sie diesen öffentlichen Schlüssel in Ihr GitHub-Konto. Wählen Sie im Menü Einstellungen der GitHub-Seite SSH- und GPG-Schlüssel aus, wählen Sie Neuer SSH-Schlüssel und fügen Sie den öffentlichen Schlüssel in das Textfeld ein . #🎜🎜##🎜🎜#Geben Sie den folgenden Code ein, um den Code in das GitHub-Repository zu übertragen: #🎜🎜#rrreee#🎜🎜#Nach Eingabe dieses Befehls schreibt Hexo Ihre Änderungen automatisch in das GitHub-Repository und stellt die Website bereit auf yourusername.github.io. #🎜🎜##🎜🎜# Von nun an können Sie auf Ihren Blog zugreifen, indem Sie https://yourusername.github.io besuchen. #🎜🎜##🎜🎜#Fazit#🎜🎜##🎜🎜# Die Verwendung von Hexo zum schnellen und sicheren Erstellen eines persönlichen Blogs ist eine ausgezeichnete Wahl. In Kombination mit der Nutzung von GitHub können Sie schnell eine professionelle Blog-Website erstellen und Ihr Wissen weltweit teilen. Wenn Sie die in diesem Artikel beschriebenen Schritte befolgen, können Sie auch ganz einfach Ihr eigenes Hexo-Blog erstellen und es auf der GitHub-Plattform bereitstellen. #🎜🎜#

Das obige ist der detaillierte Inhalt vonSo erstellen Sie mit Hexo ein persönliches Blog. 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