如何快速上手 Hexo 博客

博主： cyx2009
发布时间：2022 年 05 月 19 日
294 次浏览
暂无评论
4823字数
分类：开发分享

虽然转 Typecho 了，但还是留着纪念一下过去的回忆。

前置条件

硬件方面

有台电脑。

~~和没说有区别吗~~

安装 Node.js

官网地址。

安装后在 cmd 等命令行输入

node -v

和

npm -v

检查版本号。

安装 Git

官网地址

安装后在 cmd 等命令行输入

git --version

检查版本号。

配置 Hexo

首先，随意找一个盘，如 E盘，右键，Git Bash Here。

出现这样的界面即可。

之后，分别执行以下操作：

npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo s

PS：手残打错了，localhost:4000。

大概和我这个步骤差不多。

然后，访问 http://localhost:4000 就可以看到你的本地博客了。

大概默认是长这样。

可以 Ctrl+C 停止本地博客。

注意，一旦停止或退出 Git Bash，本地博客将立刻停止。

开始部署

建立仓库

如果想使你的博客可以被访问链接而被他人看到，不是只有你自己用这台电脑看得到，那么，就需要用 Github 进行托管，并白嫖一个二级域名。

也可以自己购买域名后按后文步骤进行域名绑定。

注册账号

GitHub。

点击进去，Sign up，注册结束后进入这样的页面。

创建仓库

点击右上角加号，New repository，创建一个仓库来托管你的网站。

打开后，在 repository name 里填写 你的注册时的用户名，也就是左边的+github.io。

一定不能擅自更改！！！

生成 SSH

为啥要用 ~~Karry5307~~ SSH 呢，要把我们本地的文件，传输至你的 Github 仓库上，被 Github 托管，然后才能被访问。

先在你的文件夹里 Git Bash，然后输入

ssh

测试是否安装。

admin@LAPTOP-U5FCCV9Q MINGW64 /e/blog
$ ssh
usage: ssh [-46AaCfGgKkMNnqsTtVvXxYy] [-B bind_interface]
           [-b bind_address] [-c cipher_spec] [-D [bind_address:]port]
           [-E log_file] [-e escape_char] [-F configfile] [-I pkcs11]
           [-i identity_file] [-J [user@]host[:port]] [-L address]
           [-l login_name] [-m mac_spec] [-O ctl_cmd] [-o option] [-p port]
           [-Q query_option] [-R address] [-S ctl_path] [-W host:port]
           [-w local_tun[:remote_tun]] destination [command [argument ...]]

大概长这样就对了。

然后输入：

ssh-keygen -t rsa -C "注册 Github 的邮件地址"

忘记了注册电邮，前往 https://github.com/settings/emails 查看。

之后，执行以下操作：

enter回车一次
输入 y
enter回车一次
enter回车一次

出现了

+---[RSA 3072]----+
|o   .. ...       |
| o .  o .  .     |
|+ o  . . .+      |
|o+  . + .+ .     |
|...  + .Sooo     |
|o.    = +oB      |
| +.. . O.o.=     |
| .+ . *.+ . o    |
| Eo. o=X.    .   |
+----[SHA256]-----+

之类的图案即可。

然后进入 C盘-User（有的电脑就叫用户）-admin（有的自己设置过可能会有偏差）-.ssh。

用记事本打开 id_rsa.pub。

Ctrl+A，Ctrl+C，Ctrl+V 全选。

接着，进入 https://github.com/settings/ssh/new 来新建个 key。

Title 随便，Key 黏贴刚才复制的文字。

然后输入

ssh -T git@github.com

确认是否绑定成功，有要输入 y 的就输入。

出现 Hi ...即可。

本地测试

在根目录里输入

hexo cl && hexo g && hexo s

然后，访问 http://localhost:4000 就可以看到你的本地博客了。

部署网站

进入根目录，在里面有个 _config.yml。

最下面应该是这样的：

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: ''

我们魔改一下：

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git
  repository: #你的博客仓库地址，推荐用 ssh 版，我的就是 git@github.com:chen20091119/chen20091119.github.io.git
  branch: main #这里是分支，原先默认是 master，但 Github 有一次更新，把后注册的仓库改成了 main。

输入

npm install hexo-deployer-git --save

安装部署功能。

然后

hexo d

部署。

现在我们去看 Github 仓库，就会有东西了。

接着，访问你的博客地址就能看到博客了。

之后就可以开始美化啦！

更改主题

原版很难看，可以在 https://hexo.io/themes 来看主题，我在用 argon。

argon 作者有写操作，跟着做即可。

美化博客

转 Typecho 了，这一块不会更新了。

快捷部署

在一个地方，如你的桌面，创建一个后缀为 .sh 的文件，用记事本打开，输入以下内容：

cd 你的博客根目录
hexo cl && hexo g && hexo d

自动清空+生成+部署。

每次省五秒钟，一百二十次就是十分钟啊！（大雾

评论系统

可以去 根目录-themes-argon-_config.yml 查看。

本教学为 Giscus 评论系统。

先新建一个仓库，名字可以起 blogtalk 之类的。

注意 public！！1

把 Discussions 打开。

进入 https://github.com/apps/giscus 下载 Giscus。

点击 Install。

最后进入 Giscus，填写仓库。

之后在下方 启用 giscus 里会出现你的信息。

打开 根目录-themes-argon-_config.yml。

giscus: # https://giscus.app/zh-CN
  enable: false # 是否启用 Giscus 评论系统
  repo: ''
  repo_id: ''
  category: ''
  category_id: ''
  mapping: 'pathname'
  input_position: 'top'
  theme: 'light'
  lang: 'zh-CN'

将其中的 repo 等信息更改为你显示的信息。

大功告成，只需部署即可。

绑定域名

详见【置顶】如何快速白嫖顶级域名。

最后修改：2023 年 07 月 15 日

v我50吃疯狂星期四

发表评论取消回复
欢迎多多评论捏

评论 *

私密评论

名称 *

🎲

邮箱 *

地址

如何快速上手 Hexo 博客

cyx2009 • 2022 年 05 月 19 日

虽然转 Typecho 了，但还是留着纪念一下过去的回忆。
<hr />
<h2>前置条件</h2>
<h3>硬件方面</h3>
有台电脑。
<del>和没说有区别吗</del>
<h3>安装 Node.js</h3>
<a class="no-external-link" href="https://nodejs.org" target="_blank">官网地址</a>。
安装后在 cmd 等命令行输入
<pre><code class="language-bash">node -v</code></pre>
和
<pre><code class="language-bash">npm -v</code></pre>
检查版本号。
<h3>安装 Git</h3>
<a class="no-external-link" href="https://www.git-scm.com/downloads" target="_blank">官网地址</a>
安装后在 cmd 等命令行输入
<pre><code class="language-bash">git --version</code></pre>
检查版本号。
<h3>配置 Hexo</h3>
首先，随意找一个盘，如 E盘，右键，Git Bash Here。
<img src="http://blog.cyx2009.top/usr/uploads/2023/04/244360467.png" alt="" loading="lazy" style="">
出现这样的界面即可。
之后，分别执行以下操作：
<pre><code class="language-bash">npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo s</code></pre>
<img src="/usr/uploads/2023/04/1849107823.png" alt="" loading="lazy" style="">
PS：手残打错了，localhost:4000。
大概和我这个步骤差不多。
然后，访问 <a class="no-external-link" href="http://localhost:4000" target="_blank">http://localhost:4000</a> 就可以看到你的本地博客了。
<img src="/usr/uploads/2023/04/4186963878.png" alt="" loading="lazy" style="">
大概默认是长这样。
可以 Ctrl+C 停止本地博客。
注意，一旦停止或退出 Git Bash，本地博客将立刻停止。
<h2>开始部署</h2>
<h3>建立仓库</h3>
如果想使你的博客可以被访问链接而被他人看到，不是只有你自己用这台电脑看得到，那么，就需要用 Github 进行托管，并白嫖一个二级域名。
也可以自己购买域名后按后文步骤进行域名绑定。
<h4>注册账号</h4>
<a class="no-external-link" href="https://github.com" target="_blank">GitHub</a>。
点击进去，Sign up，注册结束后进入这样的页面。
<img src="/usr/uploads/2023/04/834349658.png" alt="" loading="lazy" style="">
<h4>创建仓库</h4>
点击右上角加号，New repository，创建一个仓库来托管你的网站。
<img src="/usr/uploads/2023/04/572055291.png" alt="" loading="lazy" style="">
打开后，在 repository name 里填写 <code>你的注册时的用户名，也就是左边的+github.io</code>。
一定不能擅自更改！！！
<img src="/usr/uploads/2023/04/1465648818.png" alt="" loading="lazy" style="">
<h3>生成 SSH</h3>
为啥要用 <del>Karry5307</del> SSH 呢，要把我们本地的文件，传输至你的 Github 仓库上，被 Github 托管，然后才能被访问。
先在你的文件夹里 Git Bash，然后输入
<pre><code class="language-bash">ssh</code></pre>
测试是否安装。
<pre><code class="language-bash">admin@LAPTOP-U5FCCV9Q MINGW64 /e/blog
$ ssh
usage: ssh [-46AaCfGgKkMNnqsTtVvXxYy] [-B bind_interface]
 [-b bind_address] [-c cipher_spec] [-D [bind_address:]port]
 [-E log_file] [-e escape_char] [-F configfile] [-I pkcs11]
 [-i identity_file] [-J [user@]host[:port]] [-L address]
 [-l login_name] [-m mac_spec] [-O ctl_cmd] [-o option] [-p port]
 [-Q query_option] [-R address] [-S ctl_path] [-W host:port]
 [-w local_tun[:remote_tun]] destination [command [argument ...]]</code></pre>
大概长这样就对了。
然后输入：
<pre><code class="language-bash">ssh-keygen -t rsa -C "注册 Github 的邮件地址"</code></pre>
忘记了注册电邮，前往 <a class="no-external-link" href="https://github.com/settings/emails" target="_blank">https://github.com/settings/emails</a> 查看。
之后，执行以下操作：
<pre><code class="language-bash">enter回车一次
输入 y
enter回车一次
enter回车一次</code></pre>
出现了
<pre><code class="language-bash">+---[RSA 3072]----+
|o .. ... |
| o . o . . |
|+ o . . .+ |
|o+ . + .+ . |
|... + .Sooo |
|o. = +oB |
| +.. . O.o.= |
| .+ . *.+ . o |
| Eo. o=X. . |
+----[SHA256]-----+</code></pre>
之类的图案即可。
然后进入 <code>C盘-User（有的电脑就叫用户）-admin（有的自己设置过可能会有偏差）-.ssh</code>。
用记事本打开 id_rsa.pub。
Ctrl+A，Ctrl+C，Ctrl+V 全选。
接着，进入 <a class="no-external-link" href="https://github.com/settings/ssh/new" target="_blank">https://github.com/settings/ssh/new</a> 来新建个 key。
Title 随便，Key 黏贴刚才复制的文字。
然后输入
<pre><code class="language-bash">ssh -T git@github.com</code></pre>
确认是否绑定成功，有要输入 y 的就输入。
出现 Hi ...即可。
<h3>本地测试</h3>
在根目录里输入
<pre><code class="language-bash">hexo cl &amp;&amp; hexo g &amp;&amp; hexo s</code></pre>
然后，访问 <a class="no-external-link" href="http://localhost:4000" target="_blank">http://localhost:4000</a> 就可以看到你的本地博客了。
<h2>部署网站</h2>
进入根目录，在里面有个 _config.yml。
最下面应该是这样的：
<pre><code class="language-yaml"># Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
 type: ''</code></pre>
我们魔改一下：
<pre><code class="language-yaml"># Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
 type: git
 repository: #你的博客仓库地址，推荐用 ssh 版，我的就是 git@github.com:chen20091119/chen20091119.github.io.git
 branch: main #这里是分支，原先默认是 master，但 Github 有一次更新，把后注册的仓库改成了 main。</code></pre>
输入
<pre><code class="language-bash">npm install hexo-deployer-git --save</code></pre>
安装部署功能。
然后
<pre><code class="language-bash">hexo d</code></pre>
部署。
现在我们去看 Github 仓库，就会有东西了。
接着，访问你的博客地址就能看到博客了。
之后就可以开始美化啦！
<h2>更改主题</h2>
原版很难看，可以在 <a class="no-external-link" href="https://hexo.io/themes/" target="_blank">https://hexo.io/themes</a> 来看主题，我在用 <a class="no-external-link" href="https://github.com/solstice23/hexo-theme-argon" target="_blank">argon</a>。
argon 作者有写操作，跟着做即可。
<h2>美化博客</h2>
转 Typecho 了，这一块不会更新了。
<h3>快捷部署</h3>
在一个地方，如你的桌面，创建一个后缀为 .sh 的文件，用记事本打开，输入以下内容：
<pre><code class="language-bash">cd 你的博客根目录
hexo cl &amp;&amp; hexo g &amp;&amp; hexo d</code></pre>
自动清空+生成+部署。
每次省五秒钟，一百二十次就是十分钟啊！（大雾
<h3>评论系统</h3>
可以去 <code>根目录-themes-argon-_config.yml</code> 查看。
本教学为 Giscus 评论系统。
先新建一个仓库，名字可以起 blogtalk 之类的。
<img src="/usr/uploads/2023/04/1761715837.png" alt="" loading="lazy" style="">
注意 public！！1
<img src="/usr/uploads/2023/04/881075065.png" alt="" loading="lazy" style="">
把 Discussions 打开。
进入 <a class="no-external-link" href="https://github.com/apps/giscus" target="_blank">https://github.com/apps/giscus</a> 下载 Giscus。
<img src="/usr/uploads/2023/04/952797615.png" alt="" loading="lazy" style="">
点击 Install。
最后进入 <a class="no-external-link" href="https://giscus.app/zh-CN" target="_blank">Giscus</a>，填写仓库。
<img src="/usr/uploads/2023/04/41053118.png" alt="" loading="lazy" style="">
之后在下方 启用 giscus 里会出现你的信息。
打开 <code>根目录-themes-argon-_config.yml</code>。
<pre><code class="language-bash">giscus: # https://giscus.app/zh-CN
 enable: false # 是否启用 Giscus 评论系统
 repo: ''
 repo_id: ''
 category: ''
 category_id: ''
 mapping: 'pathname'
 input_position: 'top'
 theme: 'light'
 lang: 'zh-CN'</code></pre>
将其中的 <code>repo</code> 等信息更改为你显示的信息。
大功告成，只需部署即可。
<h3>绑定域名</h3>
详见 <a class="no-external-link" href="http://hexo-blog.cyx2009.top/archives/get-domain/" target="_blank">【置顶】如何快速白嫖顶级域名</a>。

如何快速上手 Hexo 博客

前置条件

硬件方面

安装 Node.js

安装 Git

配置 Hexo

开始部署

建立仓库

注册账号

创建仓库

生成 SSH

本地测试

部署网站

更改主题

美化博客

快捷部署

评论系统

绑定域名

发表评论取消回复
欢迎多多评论捏

如何加入 YJOI 共同筹划模拟赛？

常州市程序设计小能手 2023 做题笔记 | CZOI 2023 做题笔记

CZOJ Weekly Exercise Round 1 官方题解

机房专用各类下载

蓝紫黑の做题笔记

ABC339F Product Equality 题解

P3475 这都能过？

CF1651B Prove Him Wrong 题解

CF1657B XY Sequence 题解

题解：AT_abc358_g [ABC358G] AtCoder Tour

如何快速上手 Hexo 博客

前置条件

硬件方面

安装 Node.js

安装 Git

配置 Hexo

开始部署

建立仓库

注册账号

创建仓库

生成 SSH

本地测试

部署网站

更改主题

美化博客

快捷部署

评论系统

绑定域名

发表评论 取消回复 欢迎多多评论捏

如何快速上手 Hexo 博客

发表评论取消回复
欢迎多多评论捏