一、环境搭建
node安装
百度搜索node，进入官网。下载稳定版：
下载好后直接打开安装
我这里将其安装在D盘（可以自己选择安装位置）
可以看到安装包中已经自带npm包管理工具
等待安装完成后，WIN+R打开运行对话框。输入cmd带开命令行控制程序。
输入node -v命令检测node是否安装成功。成功会显示出版本号
github注册
百度搜索github,进入官网注册。（注意：用户名跟你的博客域名有关，请慎重取名）
选择free
点击start
会叫你去验证邮箱
进入注册的邮箱，打开github给我们发送的邮件
点击验证链接
验证完成后点击start，创建仓库。仓库名必须为’用户名.github.io’
创建好后我们来新建个文件，点击Create new file
文件为index.html，内容为<h1>Hello GitHub Pages</h1>
复制你的仓库名————用户名.github.io
在浏览器中粘贴，访问。看到如下页面（即使我们刚刚输入的内容）
二、gitforwin安装
百度搜索gitforwindows，点击进入官网点击下载：
下载好后确认安装：
我们选择安装在D盘
这里我们选择Use Windows的这个选项，我们就可以在cmd窗口中使用git命令
win+R打开运行对话框，输入cmd打开命令行
输入git检查是否安装成功，输出一堆git相关命令表示安装成功
github SSH Key 配置
接下来来到我们gitforwin的安装目录下，打开git-bash
输入ssh-keygen -t rsa -C “github的注册邮箱地址”
一路回车生成密钥，默认生成在C:Users用户名.ssh目录下面
接下来来到github官网，点击头像选择setting
再点击SSH and GPG keys，选择右边的New SSH key
标题可以自定义
找到我们生成的密钥，默认生成在C:Users用户名.ssh目录下面
拷贝到Key下
成功
三、安装HEXO
先在本地新建个blog文件夹（随意）
在cmd命令行进入到blog文件夹下。（win+R打开运行对话框，输入cmd打开命令行程序）
heox主页上的就是安装命令（npm install hexo-cli -g），复制下来
在cmd从粘贴，回车确认命令，安装。安装需要时间，请耐心等待
安装成功后，运行初始化命令(hexo init hojunBlog)
hexo官网也有部署命令的教程
初始化好后，进入文件夹，输入命令安装依赖 npm install(安装需要时间，请耐心等待)
（网好的请无视）若网络较差，可以使用淘宝镜像：
命令:npm install -g cnpm –registry=https://registry.npm.taobao.org
使用就是把npm改成cnpm即可。
网好的作者这里继续使用npm
安装完成后，输入hexo s -p 5555(在端口5555启动服务)
在网页上输入localhost:5555预览一下（localhost表示本地访问，小伙伴是看不到的）
安装sublime
sublime不是必要的，只是编辑文本用的编辑器。不过安利大家推荐：
百度搜索sublime，进入官网下载
点击按钮下载
下载好后确认安装
我们将其安装在D盘：
安装完成后，打开程序
直接将博客文件夹拖入编辑器
打开config文件，需要修改的地方有：网站名，介绍，关键字（这部分自己取），url(即是“http://用户名.github.io)。使用Ctrl+S保存文件
现在我们打开github获取仓库地址,点击头像->Your profile
点击对应的仓库
点击Clone or download，复制仓库地址
在config的最后找到deploy，输入如下内容（注意要有空格和缩进，不然会报错）
接下来还需要安装git插件，命令 npm install hexo-deployer-git –save
安装好后输入hexo g生成命令
输入hexo d部署到github
第一提交会提示您配置github的邮箱和用户名
根据提示配置
在弹出的输入框中输入用户名，密码登录
显示出INFO Deploy done: git表示成功发布到github上
在浏览器上输入 “用户名.github.io” 即可访问自己的博客（你可以把这个链接发布给小伙伴啦）
四、next主题使用
在hexo官网的Themes（主题）下，搜索next
搜索结果点击跳转到github仓库
点击CN查看中文介绍
点击详细安装步骤
下载最新版本
选择下载zip版
右键->解压到当前文件夹（若没有解压选项，请百度下载或360安全卫士下载压缩软件）（作者用的WinRAR）
重命名为next
拷贝到博客目录的themes下
在sublime中打开config，修改 theme: next。
注意是博客目录下的config，不是主题目录下的
hexo g 重新生成一下
hexo s -p 5555本地端口部署
打开浏览器输入：localhost:5555，预览一下主题效果
需要更多关于next主题的教程，可以百度搜索hexo next，
点击第一个Next|使用文档。如下：
发现next支持多种外观
我们试着换一个外观模式，打开主题next下的config文件，注释第一个，显示第二个。
再在浏览器上预览效果如下。
原文地址：https://www.cnblogs.com/guchengnan/p/9218767.html