Hexo 搭建：搭建与配置

系统管理员 2022-01-23 00:05 458阅读 0赞

**    其实很久之前就有搭建自己博客的想法，但是一直都没有时间去实践，最近刚好有时间，就尝试搭建了一下，不多说废话，直接进入主题，首先就是环境问题了**

## 准备环境 ##

**1.下载 node.js 并安装（官网下载安装） 默认会安装npm  下载地址：[https://nodejs.org/en/][https_nodejs.org_en]**

安装就直接一路 Next 就 ok

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTM3NTQ2_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTM3NTQ2_size_16_color_FFFFFF_t_70 1][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTM3NTQ2_size_16_color_FFFFFF_t_70 2][]

然后。。然后就是一路 Next 没有什么别的选项，有也是默认反正就是 Next 就完事了，安装完桌面上可能没有图标需要去开始菜单拖出来，然后放到桌面。

![20190601143725228.png][]

**2.下载安装 git（官网下载安装）下载地址：[https://gitforwindows.org/][https_gitforwindows.org]**

安装就直接一路 Next 就 ok

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTM3NTQ2_size_16_color_FFFFFF_t_70 3][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTM3NTQ2_size_16_color_FFFFFF_t_70 4][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTM3NTQ2_size_16_color_FFFFFF_t_70 5][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTM3NTQ2_size_16_color_FFFFFF_t_70 6][]

.... 下边不截图了反正就是一路 Next 除了一个路径自选！！！检查是否安装成功可以在桌面右键看一下！！！

![20190601142937903.png][]

**    3.下载安装 hexo **

**以下两种方法二选一，那种都可以！！！下方仅演示第一种！！！**

首先 Win + R 输入 Cmd 用管理员权限运行 然后输入 npm install -g hexo（网上说要翻墙，但是我没翻墙也能下载）

或者也可以用这种方法，在桌面创建一个文件夹，右键打开 GitBashHere，输入安装命令 npm i -g hexo

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTM3NTQ2_size_16_color_FFFFFF_t_70 7][]

检查是否安装成功 可以输入 hexo --version

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTM3NTQ2_size_16_color_FFFFFF_t_70 8][]

初始化 hexo init 之后会在这个文件夹里创建很多文件

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTM3NTQ2_size_16_color_FFFFFF_t_70 9][]

运行 hexo server 默认访问的网址应该是 localhost:4000 终止是 Ctrl + c

![2019060114565855.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTM3NTQ2_size_16_color_FFFFFF_t_70 10][]

这个地方可能会有异常出现，反正我是碰到了

例如运行 hexo server 提示找不到命令

解决方案

方案一  可以尝试执行一下 npm install hexo-server --save

方案二  给他指定安装一个目录 hexo init C:/hexo 然后 cd 到目录 npm install 进行安装

## 搭桥到 GitHub  ##

创建库 New repository 名称，一定要记得加 xxx.github.io 主要的是 .github.io

最后别忘了勾选 Initialize this repository with a README

然后点击创建 Create Repository ，注意!!!! 创建库的时候需要说一下，尽量按照自己的用户名来!!! 切记!!!

![20190601152513354.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTM3NTQ2_size_16_color_FFFFFF_t_70 11][]

## 配置 GitHub 信息 ##

打开刚刚创建的文件夹，找到 \_config.yml 文件

添加上这一段代码

deploy:
      type: git
      repository: https://github.com/linluochen/linluochen.github.io.git
      branch: master

保存并关闭文件，然后执行以下命令

运行：npm install hexo-deployer-git --save

运行：hexo g（本地生成静态文件 Public 目录）还有一个 hexo clean 删除本地静态文件（Public目录）可不执行

运行：hexo d（将本地静态文件推送至Github）

## 更换主题模版 Next 模板 ##

在 Git Bash 中 cd 博客路径，然后下载模版主题 git clone https://github.com/theme-next/hexo-theme-next themes/next

或者直接打开文件夹右键 Git Bash 输入  git clone https://github.com/theme-next/hexo-theme-next themes/next

配置 \_config.yml 文件，把 theme 选项配置改成 next

![20190601153937405.png][]

然后运行 hexo server 访问本地文件，查看是否已生成，生成成功后，输入 hexo g 然后再输入 hexo d 上传 GitHub

## 配置主题模版 ##

**配置主题模版访问 **[https://theme-next.iissnan.com/getting-started.html][https_theme-next.iissnan.com_getting-started.html]

**    在 Hexo 中有两份 \_config.yml 文件**

**           **一份是站点配置文件，也就是最外层，根目录下的

一份是主题配置文件，也就是 next 目录下的

**    下边我们就统一叫 站点文件或者主题文件**

在站点配置文件设置语言为 language: zh-CN 设置成中文 记得一定要加一个空格

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTM3NTQ2_size_16_color_FFFFFF_t_70 12][]

**    然后剩下的配置，看文档！！！不懂可以来留言，我会回复！！**

**    这是文档地址：**[https://theme-next.iissnan.com/getting-started.html][https_theme-next.iissnan.com_getting-started.html]  **拿走不谢！！！  
    最后附送上博主的 Hexo 博客作为示例 ：[linluochen.github.io][]**

[https_nodejs.org_en]: https://nodejs.org/en/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTM3NTQ2_size_16_color_FFFFFF_t_70]: /images/20220123/22e9bbe533154f29a31bd1fe7811fabc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTM3NTQ2_size_16_color_FFFFFF_t_70 1]: /images/20220123/1d6290a7a9fe4b628fe3686dbf8a1159.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTM3NTQ2_size_16_color_FFFFFF_t_70 2]: /images/20220123/d883a8c980d746cd85d3d1f716776df9.png
[20190601143725228.png]: /images/20220123/940ce1e574654ff7a2d7c398ac29f1e2.png
[https_gitforwindows.org]: https://gitforwindows.org/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTM3NTQ2_size_16_color_FFFFFF_t_70 3]: /images/20220123/9a5121a555b945e4a5c0318ed3aa827d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTM3NTQ2_size_16_color_FFFFFF_t_70 4]: /images/20220123/9817fe52a8ab4e5f950dae22fb23dba6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTM3NTQ2_size_16_color_FFFFFF_t_70 5]: /images/20220123/19a23a079954454fbe8a3171a6a7609c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTM3NTQ2_size_16_color_FFFFFF_t_70 6]: /images/20220123/0678a557d8474d5e901fb30227307073.png
[20190601142937903.png]: /images/20220123/bb6e02a22dbb41f59aba26869a7f4225.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTM3NTQ2_size_16_color_FFFFFF_t_70 7]: /images/20220123/a4d1caa413954e45a7b33275b8b48ecb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTM3NTQ2_size_16_color_FFFFFF_t_70 8]: /images/20220123/980724f22b954db1a15f3d6b1128a721.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTM3NTQ2_size_16_color_FFFFFF_t_70 9]: /images/20220123/2b132bbdcece4bb5bfb76759320e93c4.png
[2019060114565855.png]: /images/20220123/660b6ca94d824e66b0aceeb3f552ebae.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTM3NTQ2_size_16_color_FFFFFF_t_70 10]: /images/20220123/7fd97b9b98504f8cbf833922107699f8.png
[20190601152513354.png]: /images/20220123/9df688c5702a4ac49b4036f3608b8c2f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTM3NTQ2_size_16_color_FFFFFF_t_70 11]: /images/20220123/82330fe86a324e19bf38c4344f5542c8.png
[20190601153937405.png]: /images/20220123/58436ddafb3a4e9884f3573733b307b0.png
[https_theme-next.iissnan.com_getting-started.html]: https://theme-next.iissnan.com/getting-started.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTM3NTQ2_size_16_color_FFFFFF_t_70 12]: /images/20220123/84a43be858834e73b34ce088441273db.png
[linluochen.github.io]: http://linluochen.github.io