入手

一、安装好Node.js和Hexo

Hexo基于Node.js，下载地址：Download | Node.js 下载安装包，注意安装Node.js会包含环境变量及npm的安装，安装后，检测是否安装成功，在命令行中输入 node -v 和npm -v以检测。

到这了，安装Hexo的环境已经全部搭建完成。

使用npm命令安装Hexo，输入：

1	npm install -g hexo-cli

二、

站点配置文件：D:\Blog\_config.yml

主题配置文件：D:\Blog\themes\next\_config.yml

命令简写：

hexo n "我的博客" == hexo new "我的博客" #新建文章
hexo g == hexo generate #生成
hexo s == hexo server #启动服务预览
hexo d == hexo deploy #部署
hexo server #Hexo会监视文件变动并自动更新，无须重启服务器
hexo server -s #静态模式
hexo server -p 5000 #更改端口
hexo server -i 192.168.1.1 #自定义 IP
hexo clean #清除缓存，若是网页正常情况下可以忽略这条命令

新建仓库，命名为：xxx.github.io（固定用法）

本地建文件夹，进入目录初始化Hexo：

hexo init

此时可以使用 hexo s进行预览

将我们的Hexo与GitHub关联起来，打开站点的配置文件_config.yml，翻到最后修改为：

deploy:
  type: git
  repo: git@github.com:Wyatthy/wyatthy.github.io.git
  branch: main

其实就是给hexo d 这个命令做相应的配置，让hexo知道你要把blog部署在哪个位置，很显然，我们部署在我们GitHub的仓库里。最后安装Git部署插件，输入命令：

1	npm install hexo-deployer-git --save

这时，我们分别输入三条命令：

1
2
3

hexo clean 
hexo g 
hexo d

hexo d 就是部署网站命令。完成后，打开浏览器，在地址栏输入你的放置个人网站的仓库路径，即 http://xxxx.github.io

三、

添加tags页面

在主题配置文件的menu setting 中把tags属性去掉注释

创建一个tags页面：在Hexo\Blog目录下右键打开Git Bush，输入hexo new page tags：

1
2
3

theigrams@Theigrams MINGW64 /c/D/Hexo/Blog
$ hexo new page tags
INFO  Created: C:\D\Hexo\Blog\source\tags\index.md

这时候你的source/下会生成 tags/index.md 文件，我们将其打开，然后在最后面加上两行：

1 2	type: "tags" comments: false

这时候你要为你的文章打上标签就可以在文章的头部写上：

tags:
    - Tag1
    - Tag2
    - Tag3

添加分类和自我介绍

同上，先把 categories about 前的注释符 # 删了，然后创建页面

1 2	hexo new page categories hexo new page about

打开categories/index.md 和 about/index.md 文件，在最下面加上分别两行：

type: "categories"
comments: false
type: "about"
comments: false

这时候你就可以给你的文章归类存档了，使用方式就是在你的文章的头部加上：

1 2	categories: - 分类1

正文预览

文章插入

个性化设置

修改文档底部分类样式

修改模板/themes/next/layout/_macro/post.swig，搜索 rel="tag">#或者tag_indicate，将 # 换成或者将tag_indicate Set成<i class="fa fa-tag"></i>

去掉博客底部powered by

把\themes\next\layout\_partials\footer.swig中的if theme.footer.powered句段用{# #}注释掉

开启站点统计

我是用的是百度统计，注册百度统计后绑定你的博客网址，得到代码，拿到

1	hm.src = "https://hm.baidu.com/hm.js?xxxxxxxxx";

注：Next主题已对百度统计进行配置优化，只需要配置主题配置文件即可

代码段中的xxxxxxxxxxx，将其添加到主题配置文件_config.yml的baidu_analytics后

1 2	# Baidu Analytics baidu_analytics: xxxxxxxxxxxxxxx # <app_id>

就好了

添加站内搜索

安装hexo-generator-searchdb插件 github地址

1	npm install hexo-generator-searchdb --save

编辑_config.yml站点配置文件，新增以下内容到任意位置：

search:
  path: search.xml
  field: post
  content: true
  limit: 10000

编辑themes/next/_config.yml 主题配置文件，启用本地搜索功能,将local_search:下面的enable:的值，改成true

1
2
3

# Local search
local_search:
  enable: true

移植到新电脑

完成入手篇的第一节即下载完hexo之后在新的博客路径下执行以下命令：

1 2	hexo init npm install hexo-deployer-git --save

Hexo博客系统中影响迁移的只有一部分文件和文件夹，所以只需要备份它们即可

文件（夹）	说明
scaffolds/	博客文章的模版
source/	所有博客文章，以及about、tags、categories等page
themes/	网站的主题所在文件夹
.gitignore	在push时需要忽略的文件和文件夹
_config.yml	站点配置文件
package.json	依赖包的名称和版本号

将原来博客文件夹中的
_config.yml
theme/
source/
scaffolds/
package.json
.gitignore
复制到新的博客路径下

这就好了，先hexo g生成一下再hexo s预览一下看看效果 –End

WYATT'S CAVE

Hexo配置

入手