Hexo+NexT搭建个人博客

准备环境

安装Git

下载地址

安装Node.js

下载地址

安装Hexo

Hexo官方网站
安装完Git和Node.js后，Git CMD下进行安装Hexo：

npm install hexo-cli -g

初始化Hexo

建立Hexo初始化文件夹，该路径下打开Git Bash运行以下命令：

hexo init
npm install

初始化完成后，路径下自动生成以下的文件和文件夹：

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

生成静态文件

hexo g
# 或
hexo generate

启动服务预览

hexo s
# 或
hexo server
# Debug模式
hexo s --debug

部署

部署前，首先需要在站点根目录下安装安装hexo-deployer-git

npm install hexo-deployer-git --save

然后使用部署命令

hexo g -d

清理

hexo clean

安装NexT主题

下载NexT

下载地址

安装NexT

将下载的Next主题文件解压后，复制到theme文件夹下，文件夹命名为next，然后修改站点配置文件

hexo/_config.yml

theme: next

安装插件

字数统计

在站点根目录下安装 hexo-symbols-count-time 插件:

npm install hexo-symbols-count-time --save

本地搜索

在站点根目录下安装 hexo-generator-searchdb 插件:

npm install hexo-generator-searchdb --save

在站点配置文件夹中加入如下配置：

hexo/_config.yml

search:
  path: search.xml
  field: post
  format: html
  limit: 10000

公式插件

在站点根目录下安装 Mathjax 插件:

npm un hexo-renderer-marked --save

图片浏览

在主题根目录下安装 Fancybox 插件:

git clone https://github.com/theme-next/theme-next-fancybox3 source/lib/fancybox

内容分享

在主题根目录下安装 Needmoreshare2 插件:

git clone https://github.com/theme-next/theme-next-needmoreshare2 source/lib/needsharebutton

背景动画

在主题根目录下安装 Canvas-ribbon 插件:

git clone https://github.com/theme-next/theme-next-canvas-ribbon source/lib/canvas-ribbon

---