Hexo搭建
1、安装nodejs和git
Hexo是基于nodejs的环境的，git的操作是我们提交我们博客到github仓库用的。所以这两个的安装是必须的。
安装的两种方式，官网下载和命令行安装。下面是两种安装方式：
直接去官网下载，按照步骤安装就OK。
命令行安装，推荐神器Homebrew（Mac），我的之前博客有具体的使用介绍。Windows下是Chocolatey。这两个是专门的软件安装管理软件，借助他们，我们就不需要上网找各种安装命令行了，简单的操作：
$ brew install git $ brew install nodejs
这样就安装完毕。
2、Hexo安装
安装
$ npm install hexo-cli -g
部署Hexo
建一个文件夹，用来当做你博客的根文件。例如：建立在桌面文件夹叫Hexo博客
$ cd /Users/minghaotai/Desktop/Hexo博客 //打开文件夹$ hexo init //初始化$ npm install //安装依赖包
以上，Hexo安装成功，你可以运行
$ hexo s //预览
然后把 http://localhost:4000/ 这个粘到浏览器，看一下Hexo博客的效果。
3、Hexo常用命令行
$ hexo clean 清除缓存 $ hexo g 更新（更新本地数据） $ hexo s 预览 （更新后可以先本地预览，没问题了在同步。） $ hexo d 同步（部署到github）
4、Hexo配置
打开之前创建的博客根文件，找到 _config.yml 这个文件，这个文件夹就是用来配置Hexo的基本信息，包括设置博客网站标题，作者，应用主题，关联git等等。
注意：Hexo的配置，要想生效，都需要执行hexo g和hexo d。详细原因可以看上面的说明。
设置基本信息
# Sitetitle: Leo’s Blog subtitle: iOS Developer description: 学无止境，上善若水 author: Leo language: zh-Hans timezone:
关联git
# Deployment## Docs: https://hexo.io/docs/deployment.htmldeploy: type: git repository: git@github.com:LeoTaiMing/LeoTaiMing.github.io.git branch: master
这里说一下，repository后面是需要你的git仓库地址，这个需要你注册git账号，然后建一个仓库，专门用来储存你的静态博客信息，以用来别人的访问。
注意点：仓库名称必须和你的git昵称一样，就像我git昵称：LeoTaiMing。仓库名称：LeoTaiMing.github
配置以上之后就可以用 http://LeoTaiMing.github.io 来访问你的博客了。
配置个性域名
当然，如果每个人要访问你的博客网站都是 http://LeoTaiMing.github.io 这种的，太累赘了，根本不够简洁。
所以我们需要自己的域名，我的是在阿里云万网申请的。还有好多申请网站可以自己选择。关于域名的开通和使用，大家自行谷歌，这里不做累述。
打开github上LeoTaiMing.github仓库的设置页面：
这样设置就OK。接下来我们就可以直接用自己的域名来访问自己的博客了。
注意：这样设置我们的个性域名之后，需要我们手动把仓库里的CNAME这个文件手动拷贝到我们本地的博客文件夹的public文件夹下，这样就保持了域名设置在本地和远端的同步。不然，我们之后每次向仓库同步我们本地的文件，都会覆盖域名设置。
设置网站主题
各种主题介绍 里面有主题排行，当然主题的选择还是要看自己的喜好。
我选用的是Next，原因：极简，配置齐全，方便后面的博客统计，搜索，代码高亮等等的配置。
下载主题：
$ git clone https://github.com/iissnan/hexo-theme-next.git
下载好的主题在themes这个文件夹里。
然后在 _config.yml 配置：
# Extensions## Plugins: https://hexo.io/plugins/## Themes: https://hexo.io/themes/theme: hexo-theme-next
Hexo写博客
用Hexo写博客的流程
hexo n ‘“name” 新建文章
在你的hexo的文件夹里/source/_posts这个路径下找到你新建的文件，用Markdown文本编译器开始编写博客。Markdown文本编译器推荐Typora，超简洁，功能强大。
编辑完成，保存。执行 hexo g 更新本地数据。
剩下的就是预览hexo s ，然后没问题之后一起推送到github。
注意：在设置文章头信息的时候，一定要在冒号后面打一个空壳，要不然，部署文章的时候会报错
好多人不小心卡在这里好久
title: Mac升级卡死解决办法 date: 2017-11-07 tags: Mac
设置多个标签
在编辑文章的时候，tags:后面是设置标签的地方，如果有多个标签的话，可以用下面两种办法来设置：
tages: [标签1,标签2,...标签n]
ages: - 标签1 - 标签2 ... - 标签n
Next主题配置
先放上Next官方文档上的一些简单配置:官方文档配置
下面我总结的一些博客配置，都是自己的博客亲自配置过一遍的，基本可行，可以先看效果：我的博客
最好更新到最新版的Next主题，我的版本是v5.1.4，这样Next本身就支持好多配置，我们只需要修改_config.yml就可以了，不必再修改源文件，添加一大堆代码了，这样高效，准确，方便。
1、社交链接和图标设置
打开Next主题的配置文件_config.yml，搜索social ：
social: GitHub: https://github.com/LeoTaiMing || github 简书: https://www.jianshu.com/u/b0ea4a445096 || table #E-Mail: mailto:yourname@gmail.com || envelope #Google: https://plus.google.com/yourname || google #Twitter: https://twitter.com/yourname || twitter #FB Page: https://www.facebook.com/yourname || facebook #VK Group: https://vk.com/yourname || vk #StackOverflow: https://stackoverflow.com/yourname || stack-overflow #YouTube: https://youtube.com/yourname || youtube #Instagram: https://instagram.com/yourname || instagram #Skype: skype:yourname?call|chat || skype
想设置那个社交就把它直接放开就行，或者也可以添加自己想要添加的社交链接，例如：添加简书。|| 前面是你的社交链接，后面是社交图标。hexo作者已经帮我们写好了，如果你想配置别的图标，参考图标大全网站
2、添加站内文章搜索
Next主题支持好多搜索，像微搜索、Local Search 和 Algolia,Swiftype和Algolia等等，但是好像都是只有一段时间的试用期。
我采用Hexo提供的Local Search,原理是通过hexo-generator-search插件在本地生成一个search.xml文件，搜索的时候从这个文件中根据关键字检索出相应的链接，这个可以永久使用。
配置步骤：
安装 hexo-generator-search
在站点的根目录下执行以下命令：
$ npm install hexo-generator-search --save
安装 hexo-generator-searchdb
在站点的根目录下执行以下命令：
$ npm install hexo-generator-searchdb --save
打开next主题文件夹_config.yml文件，搜索local_search
# Local search # Dependencies: https://github.com/flashlab/hexo-generator-searchlocal_search: enable: true # if auto, trigger search by changing input # if manual, trigger search by pressing enter key or search button trigger: auto # show top n results per article, show all results by setting to -1 top_n_per_article: 1
将enable这个字段改成true，就像上面那样就行。
3、配置代码高亮
可能大家遇到的问题的原因不一，所以先放上github讨论：https://github.com/iissnan/hexo-theme-next/issues/989
在上面基本都能找到各种问题解决，我的解决办法是：
在站点配置文件里搜索highlight，找到：
highlight: enable: true line_number: true auto_detect: true
像上面那样，把enable设置成true。然后先执行hexo clean，再执行hexo g
这个时候你在预览的时候就应该是代码高亮了。
4、添加评论系统
给博客添加评论系统是很必要的，hexo最新版已经支持了多说（已停用），畅言，友言，Disqus，LiveRe，Gitment，Valine等等评论系统。可以在hexo的根文件中comments.swig这个文件中具体查看hexo支持哪些评论系统。
先说下各个评论系统：
畅言，友言是国内支持的评论系统，和之前的多说差不多，不过多说在2017.6.1的时候宣布停用了，坑了一大批人。所以我没有选择这两个，这两个的使用还是挺容易的，去官网按照流程走就行。
Disqus，LiveRe是国外支持的评论系统，很稳定，支持Facebook，Twitter等登录评论，但是会有被墙的风险，而且大部分人很少用国外的社交账号的，我也没有采用
Gitment，Valine是大神自己写的评论系统，拜服，其中Gitment是基于github的评论系统，要想评论必须有github账号并且登录。但是考虑到刷静态博客的受众，这点还是可以接受的，但是不足的就是，有的时候延迟很会很大，并且换一个博客，就要登录一次，有点麻烦。Valine是一个超轻量级的评论系统，不用任何账号登录，可以随时随意评论，而且流畅度还是可以的。我最终选择的是这个。
这里简单的记录一下我的Valine配置过程（Next主题），很简单：
LeanCloud官网注册一个账号，然后添加一个应用，名字随便就行，记录一下appid，appkey，下面用。这个相当于管理我们博客评价系统的后台，我们可以导出数据，查看动态。
打开Next主题的配置文件_config.yml，搜索找到valine：
valine: enable: true appid: # your leancloud application appid appkey: # your leancloud application appkey notify: true # mail notifier , https://github.com/xCss/Valine/wiki verify: true # Verification code placeholder: 欢迎评论~ # comment box placeholder avatar: # gravatar style guest_info: nick,mail,link # custom comment header pageSize: 10 # pagination size<
将enable设置为true，然后填上你的appid，appkey，就OK了。
Valine官网想要更多设置的可以去官网看看。还有邮件提醒Valine 评论系统中的邮件提醒设置。
5、创建云标签
6、文章阅读次数统计
注册 LeanCloud 账号 （如果注册了，这步省略）
这一步直接去LeanCloud注册就行了。
创建 App
注册、登陆成功后，进入“控制台”，创建一个应用，应用名称随便填一个，记得选“开发版”（免费的），然后点“创建”就行了。
创建 “Counter” Class
在刚才创建的 App 下方点击“存储”，跳转到新的页面后，点击“创建 Class”，Class 名称填 Counter（必须填 Counter），下面的选项里选择“无限制”，然后点“创建 Class”就行了。
打开 Next 主题根目录下的 _config.yml， 找到“leancloud_visitors”
leancloud_visitors: enable: true app_id: #<app_id> app_key: #<app_key>
作者：墨痕未干
链接：https://www.jianshu.com/p/5a05e78f1d84
共同学习，写下你的评论
评论加载中...
作者其他优质文章
