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.
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 der Installation von Hexo können Sie eine neue Site erstellen. Bitte befolgen Sie die folgenden Schritte:
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
Führen Sie den folgenden Befehl aus, um eine neue Hexo-Site zu generieren:
$ hexo init myblog
$ cd myblog
_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
_config.yml
。该文件包含你的站点信息,例如站点名称、描述、标签、第三方社交媒体等。在终端输入以下命令,编辑该文件:deploy: type: git repo: https://github.com/yourusername/yourusername.github.io.git branch: master
在文件中,你需要设置以下内容:
title:
设置你的站点名称author:
设置你的名字description:
设置你的站点描述language:
设置你的语言timezone:
设置你的时区theme:
设置你的Hexo主题deploy:
设置你的部署类型例如,如果你想使用Next主题,需要在theme:
下输入next
。在deploy
下,我们将GitHub作为我们的部署类型,因此需要提供以下信息:
$ hexo new "My First Blog Post”
此处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.
此命令将在/source/_posts
目录下创建一个新的Markdown文件my-first-blog-post.md
。使用任何编辑器打开该文件,并使用Markdown语法编写内容。
例如:
$ cd /path/to/myblog
在保存并退出文件后,就可以将它部署到GitHub上了。
首先,需要在GitHub上创建一个新的存储库。请确保该存储库的名称为yourusername.github.io
,其中yourusername
应替换为你的GitHub用户名。该存储库便是你的个人博客。创建存储库后,需要在本地计算机上进行一些操作,将Hexo网站部署到该存储库中。
在终端输入以下命令,将当前目录设置为Hexo站点目录:
$ git init
接下来,使用以下命令将站点初始化为git存储库:
$ git add .
此命令将在站点目录中初始化一个空的git存储库。
在本地计算机上修改了Hexo博客,需要将变更添加到git存储库中。输入以下命令,添加新文件和修改文件:
$ git commit -m "My First Blog Post"
输入以下命令,提交变更:
$ ssh-keygen -t rsa -b 4096 -C "your_email@example.com"
在引号内填上此次提交的描述内容,例如此处的标题“My First Blog Post
”。
部署到GitHub,需要为感兴趣的存储库设置SSH密钥。输入以下命令:
$ cat ~/.ssh/id_rsa.pub
在引号内填上你的GitHub注册邮箱。
接下来,按回车键将一路留空,直到SSH密钥生成完毕。
使用以下命令将公钥添加到GitHub中:
$ hexo deploy
将这个公钥复制到你的GitHub账户中。在GitHub页面的Settings
菜单中,选择SSH and GPG keys
,选择New SSH key
,并将公钥粘贴到文本框中。
输入以下代码,将代码推到GitHub存储库中:
rrreee输入此命令后,Hexo会自动将你的变更提交到GitHub存储库,并且在yourusername.github.io
上部署网站。
从此刻起,你的博客就可以通过访问https://yourusername.github.io
In 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. #🎜🎜#Mein erster Blog-Beitrag
“. #🎜🎜#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!