【持续更新】最全Hexo个人博客搭建+主题优化+插件配置+错误分析

最新推荐文章于 2022-11-15 10:46:45 发布

置顶

VIP文章 TDsimon

最新推荐文章于 2022-11-15 10:46:45 发布

阅读量5.9k

点赞数 7

分类专栏： hexo 文章标签： hexo 个人博客

本文链接：https://blog.csdn.net/Simon__He/article/details/83715511

版权

前言

如果你和我一样是小白，那么恭喜你！看完这篇文章，你也可以拥有一个这样的博客啦！
在这里插入图片描述

欢迎在文末留言，或者点击加入QQ群933583982互相交流。
本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处【持续更新】最全Hexo个人博客搭建+主题优化+插件配置！

Hexo博客搭建

准备环境

Node.js 下载并安装。
Git 下载并安装。
安装Hexo，在命令行（即Git Bash）运行以下命令：

npm install -g hexo-cli
初始化Hexo，在命令行（即Git Bash）依次运行以下命令即可：

以下，即存放Hexo初始化文件的路径，即站点目录。
```
$ hexo init <folder>
$ cd <folder>
$ npm install
```
新建完成后，在路径下，会产生这些文件和文件夹：
```
.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes
```
注：
- hexo相关命令均在站点目录下，用Git Bash运行。
- 站点配置文件：站点目录下的_config.yml。
  
  路径为<folder>\_config.yml
- 主题配置文件：站点目录下的themes文件夹下的，主题文件夹下的_config.yml。
  
  路径为<folder>\themes\<主题文件夹>\_config.yml
启动服务器。在路径下，命令行（即Git Bash）输入以下命令，运行即可：

hexo server
浏览器访问网址： http://localhost:4000/

至此，您的Hexo博客已经搭建在本地。

实施方案

方案一：GithubPages

创建Github账号
创建仓库，仓库名为：<Github账号名称>.github.io
将本地Hexo博客推送到GithubPages

3.1. 安装hexo-deployer-git插件。在命令行（即Git Bash）运行以下命令即可：
```
$ npm install hexo-deployer-git --save
```
3.2. 添加SSH key。
- 创建一个 SSH key 。在命令行（即Git Bash）输入以下命令，回车三下即可：
```
$ ssh-keygen -t rsa -C "邮箱地址"
```
- 添加到 github。复制密钥文件内容（路径形如C:\Users\Administrator\.ssh\id_rsa.pub），粘贴到New SSH Key即可。
- 测试是否添加成功。在命令行（即Git Bash）依次输入以下命令，返回“You’ve successfully authenticated”即成功：
```
$ ssh -T [email protected]

$ yes
```
3.3. 修改_config.yml（在存放Hexo初始化文件的路径下）。文件末尾修改为：
```
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: [email protected]:<Github账号名称>/<Github账号名称>.github.io.git
  branch: master
```
3.4. 推送到GithubPages。在命令行（即Git Bash）依次输入以下命令，返回INFO Deploy done: git即成功推送：
```
$ hexo g
$ hexo d
```
浏览器访问网址： https://<Github账号名称>.github.io

至此，您的Hexo博客已经搭建在GithubPages, 域名为https://<Github账号名称>.github.io。

方案二：GithubPages + 域名

在方案一的基础上，添加自定义域名（您购买的域名）。

域名解析。

类型选择为 CNAME；

主机记录即域名前缀，填写为www；

记录值填写为自定义域名；

解析线路，TTL 默认即可。
仓库设置。

2.1. 打开博客仓库设置：https://github.com/<Github账号名称>/<Github账号名称>.github.io/settings

2.2. 在Custom domain下，填写自定义域名，点击save。

2.3. 在站点目录的source文件夹下，创建并打开CNAME.txt，写入你的域名（如www.simon96.online），保存，并重命名为CNAME。
等待10分钟左右。

浏览器访问自定义域名。

至此，您的Hexo博客已经解析到自定义域名，https://<Github账号名称>.github.io依然可用。

方案三：GithubPages + CodingPages + 域名

GithubPages 在国内较慢，百度不收录，而CodingPages 在国外较快。所以在方案二的基础上，添加CodingPages 。

创建Coding账号
创建仓库，仓库名为：<Coding账号名称>
进入项目里『代码』页面，点击『一键开启静态 Pages』，稍等片刻CodingPages即可部署成功。
将本地Hexo博客推送到CodingPages

4.1. 鉴于创建GithubPages 时，已经生成过公钥。可直接复制密钥文件内容（路径形如C:\Users\Administrator\.ssh\id_rsa.pub），粘贴到新增公钥。

4.2. 测试是否添加成功。在命令行（即Git Bash）依次输入以下命令，返回“You’ve successfully authenticated”即成功：
```
$ ssh -T [email protected]
$ yes
```
4.3. 修改_config.yml（在存放Hexo初始化文件的路径下）。文件末尾修改为：
```
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
- type: git
  repo: [email protected]:<Github账号名称>/<Github账号名称>.github.io.git
  branch: master
- type: git
  repo: [email protected]:<Coding账号名称>/<Coding账号名称>.git
  branch: master
```
4.4. 推送到GithubPages。在命令行（即Git Bash）依次输入以下命令，返回INFO Deploy done: git即成功推送：
```
$ hexo g
$ hexo d
```
域名解析
1. 添加 CNAME 记录指向 <Coding账号名称>.coding.me
  
  类型选择为 CNAME；
  
  主机记录即域名前缀，填写为www；
  
  记录值填写为自定义域名；
  
  解析线路，TTL 默认即可。
2. 添加两条A 记录指向 192.30.252.153和192.30.252.154
  
  类型选择为 A；
  
  主机记录即域名前缀，填写为@；
  
  记录值填写为192.30.252.153和192.30.252.154；
  
  解析线路，境外或谷歌。
3. 在『Pages 服务』设置页（https://dev.tencent.com/u/<Coding账号名称>/p/<Coding账号名称>/git/pages/settings）中绑定自定义域名。

至此，您的Hexo博客已经解析到自定义域名，https://<Github账号名称>.github.io和https://<Coding账号名称>.coding.me依然可用。

Hexo主题优化

选择主题

Hexo默认的主题是landscape，推荐以下主题：

最低0.47元/天解锁文章

TDsimon

关注

7
点赞
踩
45

收藏

觉得还不错? 一键收藏
2
评论
【持续更新】最全Hexo个人博客搭建+主题优化+插件配置+错误分析

前言欢迎在文末留言，或者点击加入QQ群933583982互相交流。本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处！Hexo博客搭建准备环境Node.js 下载并安装。Git 下载并安装。安装Hexo，在命令行（即Git Bash）运行以下命令：npm install -g hexo-cli初始化Hexo，在命令行（即Git Bash）依...
复制链接

扫一扫