Hexo进阶高等教程(二)

媒介

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

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

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

七牛云图床

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

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

注册七牛云

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

PS:登录七牛云,考证邮箱, 实名认证 ,可挑选支付宝实名认证–条件是你支付宝已实名认证 ,一般情况下 支付宝实名认证 马上就能够经由过程(引荐)

建立对象存储

登录七牛云,默许进来就是资本主页,然后在七牛云官方资本栏–》对象存储 点击马上增加,如下图:
《Hexo进阶高等教程(二)》
依据提醒填写好存储空间称号,存储地区默许就好了,接见掌握–挑选公然空间

PS:挑选私有空间 须要有Key值才接见,这里挑选公然空间 上传完后 直接就能够猎取外链 比较轻易

上传图片,猎取外链

挑选内容治理–》点击上传文件 ,上传完成以后 点封闭,回到列表页就能够看到适才上传的图片了
《Hexo进阶高等教程(二)》
鼠标悬浮在文件名上 可点击蓝色的笔重定名,右边的眼睛Icon点击 能够猎取外链地点,复制外链就能够运用了。

新增图片款式

图片款式–》新建图片款式 依据差别营业须要挑选场景–》挑选适宜的缩放体式格局,是不是剪裁,图片水印 这个功用用的比较多(可设置图片水印,笔墨水印),设置输出花样,然后保留款式。给处置惩罚款式定名, 点击下面的保留按钮。
《Hexo进阶高等教程(二)》
我们看到右边的处置惩罚代码,这个是干吗的呢?我们保留完了以后又怎样运用呢?
小编刚开始也是一脸懵逼,复制这段代码,翻开适才上传的图片外链,然后在地点背面用连接符?加上处置惩罚的代码,回车就能够看到我们的图片已加上了水印。不加处置惩罚代码就是我们的原图。

//图片外链?处置惩罚代码或许款式称号
//示例:
http://orzlwnnoa.bkt.clouddn.com/logo.jpg?watermark/2/text/5LiD54mb5LqR/font/5a6L5L2T/fontsize/240/fill/IzAwMDAwMA==/dissolve/100/gravity/SouthEast/dx/10/dy/10|imageslim

与极简图床的连系

在写博客的时刻,每次都要做如许反复的操纵,有无一键上传而且猎取外链的体式格局呢,必须有啊。这里引见下极简图床与七牛云的连系。
翻开极简图床 注册,登录 点击右边的小齿轮 绑定七牛云账号信息
《Hexo进阶高等教程(二)》

  • 空间称号:填写在建立对象存储时的空间称号
  • 域名:拷贝外链默许域名
    《Hexo进阶高等教程(二)》
  • AK: 点击左边的导航栏个人中间–》密钥治理 猎取AK信息
  • SK:点击左边的导航栏个人中间–》密钥治理 猎取SK信息
    《Hexo进阶高等教程(二)》

点击保留就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=”external nofollow” 属性

<div class="theme-info">
  {{ __('footer.theme') }} -
  <a class="theme-link" href="https://github.com/iissnan/hexo-theme-next" rel="external nofollow">
    NexT.{{ theme.scheme }}
  </a>
</div>

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

 <li class="links-of-blogroll-item">
  <a href="{{ link }}" title="{{ name }}" target="_blank" rel="external nofollow">{{ name }}</a>
</li>

百度收录

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

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

《Hexo进阶高等教程(二)》

在第三步 考证网站这里 发起挑选文件考证或许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文件地点 提交到百度,如下图:
《Hexo进阶高等教程(二)》

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

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

谷歌收录

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

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

《Hexo进阶高等教程(二)》

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

《Hexo进阶高等教程(二)》

在左边的抓取–》点击站点舆图 ,增加站点舆图(把我们适才天生的sitemap.xml地点增加进去),如图:
《Hexo进阶高等教程(二)》

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

《Hexo进阶高等教程(二)》

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

《Hexo进阶高等教程(二)》

网易云跟帖

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

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

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

《Hexo进阶高等教程(二)》
以next主题为例,在next主题设置文件_config.yml中设置productKey

# Gentie productKey
gentie_productKey: ea08xxxxx

结果预览:
《Hexo进阶高等教程(二)》

阅读统计功用

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

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

《Hexo进阶高等教程(二)》

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

《Hexo进阶高等教程(二)》
将适才猎取到的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 不能随便取!!!

《Hexo进阶高等教程(二)》

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

百度、谷歌统计

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

《Hexo进阶高等教程(二)》
拷贝统计代码ID
《Hexo进阶高等教程(二)》

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

《Hexo进阶高等教程(二)》
进入页面后,你会看到跟踪ID,复制它,如图:
《Hexo进阶高等教程(二)》

  • 修正设置文件
    以next主题为例,修正主题设置文件,增加baidu、googleId
# Baidu Analytics ID
baidu_analytics: 9758xxxx
# Google Analytics
google_analytics: UA-3534xxxx

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

结语

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

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

实际结果展现可移步个人博客 — Tigerliu Blog

    原文作者:tigerliu
    原文地址: https://segmentfault.com/a/1190000010058060
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞