Hexo进阶高等教程（二）

媒介

接上一篇Hexo进阶高等教程(一)继承讨论Hexo,重要的功用都有了，要想让全部博客更雄厚，接见速率更快更流通，就须要增加一些附加的功用，做一些优化处置惩罚。
下面会解说：

• 七牛云图床&＃8211;用来做图片存储治理
• SEO优化&＃8211;让更多的人经由过程搜刮引擎搜到我们
• 网易云跟帖&＃8211;文章的留言区
• leancloud阅读统计&＃8211;统计阅读量
• 百度、谷歌统计&＃8211;网站流量统计

本文地点：http://tigerliu.site/2017/06/hexo-2

七牛云图床

在写博文的时刻，不免都邑增加一些图片在文章内，一般情况下，我们都运用外链情势增加到我们的博文，为何要选七牛云呢？让我们来看看它的特性：

• 10G 免费流量（图片只管紧缩 200k 之内）
• 效劳稳固（写作才是中间，就别总折腾图片的事变了）
• 廉价（就算付费也相对比较廉价，作为门生党以为能够接收）

注册七牛云

永久稳定的第一步，骚年得先去注个册，有了ID才继承玩，链接：七牛云注册 ，依据提醒一步一步来就好了。

PS：登录七牛云，考证邮箱， 实名认证 ，可挑选支付宝实名认证&＃8211;条件是你支付宝已实名认证 ，一般情况下 支付宝实名认证 马上就能够经由过程（引荐）

建立对象存储

登录七牛云，默许进来就是资本主页，然后在七牛云官方资本栏&＃8211;》对象存储 点击马上增加，如下图：

• 空间称号：填写在建立对象存储时的空间称号
• 域名：拷贝外链默许域名
  
• AK: 点击左边的导航栏个人中间&＃8211;》密钥治理 猎取AK信息
• SK:点击左边的导航栏个人中间&＃8211;》密钥治理 猎取SK信息
  

点击保留就OK了，极简支撑截图粘贴，拖拽或许点击上传，上传完能够复制链接/MD链接天生/预览, 有木有很赞，省了很多事！！！

SEO优化

SEO是由英文Search Engine Optimization缩写而来， 中文意译为“搜刮引擎优化”！
SEO是指经由过程对网站举行站内优化(网站结构调整、网站内容建立、网站代码优化等)和站外优化，从而进步网站的关键词排名以及公司产物的曝光度。

除开站外SEO，我们能做的有两方面。一是针对个人网站的页面排版举行SEO的优化；二是针对搜刮引擎举行主动的优化。

SEO准备工作

• sitemap插件装置

npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save

• 修正博客设置文件
  在根目次设置文件_config.yml中修正url为你的站点地点

# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://tigerliu.site
root: /

实行完以后就会在网站根目次天生sitemap.xml文件（搜刮引擎通用文件）和baidusitemap.xml文件（百度专用文件），然后实行hexo d -g 提交到我们站点，翻开链接http://tigerliu.site/sitemap.xml 检察该文件是不是能准确接见。

• 增加蜘蛛协定robots
  在根目次source文件下新建robots.txt文件，增加以下文件内容（将Sitemap中的域名切换成本身网站域名）

# hexo robots.txt
User-agent: *
Allow: /
Allow: /archives/
Disallow: /vendors/
Disallow: /js/
Disallow: /css/
Disallow: /fonts/
Disallow: /vendors/
Disallow: /fancybox/
Sitemap: http://tigerliu.site/sitemap.xml
Sitemap: http://tigerliu.site/baidusitemap.xml

参数申明： User-agent: * 许可一切robot接见，Allow 许可接见X目次，Disallow 制止接见X目次

• 出站链接增加 “nofollow” 标签
  nofollow标签是由谷歌领头立异的一个“反垃圾链接”的标签，并被百度、yahoo等各大搜刮引擎普遍支撑，援用nofollow标签的目标是：用于指导搜刮引擎不要追踪（即抓取）网页上的带有nofollow属性的任何出站链接，以削减垃圾链接的疏散网站权重。

以next主题为例：

1.themes/next/layout/_partials目次 修正footer.swig文件,将下面代码中的a标签 加上rel=&＃8221;external nofollow&＃8221; 属性

2.themes/next/layout/_macro目次,修正sidebar.swig文件,将下面代码中的a标签 加上rel=&＃8221;external nofollow&＃8221;属性

百度收录

生在我大天朝，运用频次最多的当属百度了，下面简朴引见下百度的一些优化处置惩罚。

• 注册账号
  翻开百度站长，注册登录账号
• 增加网站
  左边 我的网站&＃8211;》站点治理 增加网站，依据指导步骤来就好了。见下图：

在第三步 考证网站这里 发起挑选文件考证或许CNAME考证，考证划定规矩选项下面已给出了。

PS：将下载下来的文件放至根目次/source目次下，若为HTML花样，须要在文件内加上layout: false 不然在编译的时刻 也会一同编译。

---
layout: false
---
J9sxxxxx

继承hexo d -g 将文件上传至我们的网站，检察适才的文件是不是胜利上传，然后点击完成考证。

• 链接提交
  在左边找到链接提交，右边能够看到提交体式格局有两种：自动提交，手动提交

手动提交我们就不谈了，看看自动提交。重要分为 主动推送，自动推送，sitemap 三种体式格局。

1 主动推送
装置推送插件

npm install hexo-baidu-url-submit --save

在根目次的_config.yml设置文件中新增字段：

baidu_url_submit:
count: 100 # 提交最新的一个链接
host: tigerliu.site # 在百度站长平台中注册的域名
token: bwxxxxx # 请注意这是您的秘钥， 所以请不要把博客源代码宣布在民众仓库里!
path: baidu_urls.txt # 文本文档的地点， 新链接会保留在此文本文档里

deploye属性 新增字段

deploy:
- type: baidu_url_submitter

2 自动推送
这里以next主题为例,翻开主题设置文件_config.yml将baidu_push设置为true

# Enable baidu push so that the blog will push the url to baidu automatically which is very helpful for SEO
baidu_push: true

3 sitemap
将上面我们天生的sitemap文件地点 提交到百度，如下图：

一切设置完后，能够运用site:域名 在百度搜刮栏测试我们的结果 比方： site:tigerliu.site

结果是不是是什么也没找到，百度收录须要一段时间，耐烦守候吧！！！

谷歌收录

照样google收录快，比百度快的不是一点半点，设置完成基础2分钟摆布即可看到结果。一同来看看！！！

• 注册登录
  google站长
• 增加网站
  跟百度收录相似，考证网站 运用google的引荐要领，也就是百度收录的文件考证。

• 提交站点舆图
  考证完网站后，回到我们的网站列表，点击网站，如下图：

在左边的抓取&＃8211;》点击站点舆图 ，增加站点舆图（把我们适才天生的sitemap.xml地点增加进去），如图：

• Google 抓取东西
  点击左边的google抓取东西，输入抓取地点，点击右边的抓取按钮，即可抓取我们的网站。默许不输入 即为抓取首页，状态栏显现完成即为抓取胜利，然后将该地点提交至索引。如图：

ps: 至此google设置已完成了，守候2分钟，回到google搜刮页，赶忙试一试！！！

网易云跟帖

博文怎样能少批评功用呢，之前的多说现在已不可用了，在畅言和网易云跟帖之间，我选了后者。运用之前须要有本身的域名，没有见我的上一篇Hexo进阶高等教程(一)文章，注册一个，也不贵。下面就来谈谈云跟帖：

畅言须要备案，假如你的网站已备案能够增加

• 注册登录
  万年稳定的注册登录，网易云跟帖注册
• 设置站点信息
  登录后，点击背景治理，填写站点信息，站点称号随便取，站点网址填我们购置的域名，保留。
• 猎取productKey
  点击猎取代码，在左边找到App SDK,右边的APP KEY 即为我们须要的key,点击复制。如图：

以next主题为例，在next主题设置文件_config.yml中设置productKey

# Gentie productKey
gentie_productKey: ea08xxxxx

结果预览：

阅读统计功用

next主题集成了leancloud，在运用的时刻设置好app_key和app_id 就能够运用了。

• 注册登录
  leancloud注册
• 建立运用
  登录后在右上角挑选国内节点，建立运用。如图：

• 主题设置
  鼠标悬浮到新建立的运用上，点击右上角的齿轮进入设置界面,点击运用key猎取app_key和app_id 如图：

将适才猎取到的key,id填入主题设置文件

# Show number of visitors to each article.
# You can visit https://leancloud.cn get AppID and AppKey.
leancloud_visitors:
enable: true
app_id: yourapp_id
app_key: yourapp_key

• 建立Class
  在左边点击存储，建立一个名为Counter的Class文件，这里的称号一定为Counter 不能随便取！！！

PS：设置完后，回到我的博客，随便点击一篇博文，革新频频 就能够在leancloud&＃8211;》存储&＃8211;》Counter看到我们的阅读纪录了，在我们的博文副标题也能够看到阅读纪录。

百度、谷歌统计

怎样检察本身的博客天天被多少人接见呢~ 下面一同来看看在hexo中怎样运用统计插件，天天看到本身的博客接见量越来越高也是一种享用。

• 注册登录
  百度统计注册、谷歌统计注册
• 百度统计
  登录后 在左边找到代码治理&＃8211;》点击代码猎取&＃8211;》右边新增网站，如图：

拷贝统计代码ID

• 谷歌统计
  登录后，新增一个统计网站，填写网站信息，点击下面的猎取跟踪ID，如图：

进入页面后，你会看到跟踪ID，复制它，如图：

• 修正设置文件
  以next主题为例，修正主题设置文件，增加baidu、googleId

# Baidu Analytics ID
baidu_analytics: 9758xxxx
# Google Analytics
google_analytics: UA-3534xxxx

PS：谷歌统计用的比较少，由于有墙，在加载代码的时刻，很轻易壅塞。故在国内我们运用百度、CNZZ比较多！！！

结语

看完上面的引见，有木有觉得设置照样蛮多的，正所谓工欲善其事，必先利其器。当初小编也花了一周多星期才搭建好一个轻微惬意点的博客，总之喜好博客爱折腾，功夫不负有心人，终会弄出一个异常6的博客。祝人人在HEXO的路上玩的嗨皮！！！

相干链接：
Hexo+github博客搭建
Hexo进阶高等教程(一)
Hexo进阶高等教程(三)

实际结果展现可移步个人博客 &＃8212; Tigerliu Blog