Hexo+Next主题搭建博客教程

Hexo是一款基于Node.js，可快速、简洁和高效的博客框架，Next是一款非常受欢迎的Hexo主题，下面将介绍博客搭建过程，效果如mahongliang.github.io所示

准备软件

首先需要安装以下软件

• Node.js环境
• Git

创建github账号

创建以github账号.github.io为名字的repository。如mahongliang.github.io，并在该项目下创建index.html文件，当访问mahongliang.github.io是出现该网页说明创建成功。

安装Hexo

npm install hexo-cli -g
hexo init <folder>
cd <folder>
npm install

常见hexo命令

hexo g//生成静态文件
hexo s//启动本地web服务，用于博客阅览
hexo d//将博客部署到远程github
hexo clean//删除public文件夹和db.json

安装完成后启动web服务，在浏览器中输入http://localhost:4000/会出现Hexo主页

配置Next主题

参照Next教程,首先去发布页面下载Next主题，然后解压缩后命名为next，放在themes目录下，然后修改站点配置文件theme属性为next，启动本地web服务，验证主题是否改变

Next主题设定

• 选择Scheme
• 设置语言
• 设置菜单
• 设置侧栏
• 设置头像
• 设置作者昵称
• 站点描述

功能设置

• 添加[标签]页面
• 添加[分类]页面
• 设置代码高亮主题
• 侧边栏社交链接
• 开启打赏功能
• 友情连接
• 多说评论
• 腾讯公益404页面
• 添加[关于]页面
• Swiftype站内搜索功能
• 设置[阅读全文]
• 设置阅读次数统计

部署项目到github

git config --global user.name "yourname"
git config --global user.email "youremail"
npm install hexo-deployer-git --save

打开git shell 如果显示权限不够无法更新github时，说明需要配置SSHkey，可以通过GUI，clone 改项目来完成。