Hexo+NextT第三方服务调用【4】

摘要

       静态站点与动态站点有很大的不一样,它拥有一定的局限性,所以我们需要借助于第三方服务来扩展站点的功能。 以下是 NexT 目前支持的第三方服务,你可以根据你的需求集成一些功能进来。诸如我们经常在其他博客网站所看到的评论,分享等等。
 
评论系统
       NexT 支持 多说 和 DISQUS 评论系统。 当同时设置了 多说 和 DISQUS 时,优先选择多说。 NexT 内置了一套 多说 的样式。而本片博文主要讲解如何配置“多说”。使用多说前需要先在 多说 创建一个站点。具体步骤如下:
  • 登录后在首页选择 “我要安装”,注册账号并登陆。
  • 创建站点,填写表单。站点名称,这个随便写;站点地址,填写你的博客的域名;多说域名 这一栏填写的即是你的 duoshuo_shortname,如图:
 
  •  创建站点完成后在 主配置文件 中新增 duoshuo_shortname 字段,值设置成上一步中的值。
# Duoshuo ShortName
duoshuo_shortname: penglei

这样你就成功的给自己的博客添加了评论的功能。评论的内容可以在多说后台管理中查看。具体效果如图

详情请访问http://penglei.top

数据统计与分析
       数据的统计和分析对于一个站点来说是比不可少的,一个网站的访问量和博客的浏览次数,可以代表着这篇文章的含金量。同时,当站点刚刚建立的时候,我们所写的每一篇文章都不会被百度或谷歌收录,这样别人就永远找不到你的站点,各种详情可以参见网站的SEO优化。这其中详细讲了网站收录的重要性。
  • 百度统计

    • 登录 百度统计,定位到站点的代码获取页面
    •  编辑 主配置文件, 新增字段 baidu_analytics,值设置成你的百度统计脚本 id
# Baidu Analytics ID
baidu_analytics: 2a759a63fd86f7fe54e0f3e9f0812ea6 //红色部分圈起来的id
  •  Google 分析

    • 编辑 配置文件, 新增字段 google_analytics, 值设置成你的 Google 跟踪 ID。跟踪 ID 通常是以 UA- 开头。

  • 不蒜子统计

    • 全局配置

编辑 主题配置文件 中的busuanzi_count的配置项。

当enable: true时,代表开启全局开关。若site_uv、site_pv、page_pv的值均为false时,不蒜子仅作记录而不会在页面上显示。

    •  站点UV配置

当site_uv: true时,代表在页面底部显示站点的UV值。

site_uv_header和site_uv_footer为自定义样式配置,相关的值留空时将不显示,可以使用(带特效的)font-awesome。显示效果为[site_uv_header]UV值[site_uv_footer]。     

site_uv: true
site_uv_header: 本站访客数
site_uv_footer: 人次
    • 站点PV配置

当site_pv: true时,代表在页面底部显示站点的PV值。

site_pv_header和site_pv_footer为自定义样式配置,相关的值留空时将不显示,可以使用(带特效的)font-awesome。显示效果为[site_pv_header]PV值 [site_pv_footer]。           

site_pv: true
site_pv_header: 本站总访问量
site_pv_footer: 次
    • 单页面PV配置

当page_pv: true时,代表在文章页面的标题下显示该页面的PV值(阅读数)。

page_pv_header和page_pv_footer为自定义样式配置,相关的值留空时将不显示,可以使用(带特效的)font-awesome。显示效果                                         为 [page_pv_header]PV值[page_pv_footer]。                   

page_pv: true
page_pv_header: 本文总阅读量
page_pv_footer: 次

最终的页面效果为:

 
内容分享
  • JiaThis

         编辑 站点配置文件, 添加字段 jiathis,值为 true。
         JiaThis 内容分享服务配置示例

jiathis: true
  • 百度分享

         编辑 站点配置文件,添加字段 baidushare,值为 true。
         百度内容分享服务配置示例

duoshuo_share: true
  • 多说分享

        多说分享必须与多说评论同时使用
        编辑 站点配置文件, 添加字段 duoshuo_share, 值为 true。
        多说内容分享服务配置示例

duoshuo_share: true

搜索

  • Swiftype 站内搜索
    • 创建搜索引擎
             注册完成后,创建一个新的搜索引擎,并按照提示完成创建步骤。
 
    • 搜索引擎创建完成后,在菜单中选择 Integrate -> Install Search 开启搜索定制,按照步骤完成定制。最后一步记得点击Active 按钮。
 
    • 获取key
             返回定制引擎的第二个步骤 INSTALL CODE,复制出你的 swiftype_key
    • 编辑 站点配置文件, 新增字段 swiftype_key,值设置成第四步中赋值出来的 key
swiftype_key: xxxxxxxxx
其他
  • 设置 RSS

NexT 中 RSS 有三个设置选项,满足特定的使用场景。 更改 主题配置文件,设定 rss 字段的值:  

  1. false:禁用 RSS,不在页面上显示 RSS 连接。
  2. 留空:使用 Hexo 生成的 Feed 链接。 你可以需要先安装 hexo-generator-feed 插件。
  3. 具体的链接地址:适用于已经烧制过 Feed 的情形。
  • 订阅微信公众号

在每篇文章的末尾显示微信公众号二维码,扫一扫,轻松订阅博客。

在微信公众号平台下载您的二维码,并将它存放于博客source/uploads/目录下。

然后编辑 主题配置文件,如下:

wechat_subscriber:
  enabled: true
  qcode: /uploads/wechat-qcode.jpg
  description: 欢迎您扫一扫上面的微信公众号,订阅我的博客!
 
  • 多说评论显示 UA
 
在每一条多说评论后显示评论者所使用的代理信息(如 操作系统、浏览器),效果如下:
要启用此功能,需要配置 duoshuo_info 这个字段。 编辑 主题配置文件,查找 duoshuo_info 字段, 设置如下:
duoshuo_info:
  ua_enable: true
  admin_enable: false
  user_id:
  admin_nickname:

只要设置 ua_enable 为 true 即可显示 UA 信息。 admin_enable 是用于显示 「博主」 文字,表明评论者是博主,此字段需要同时配置 user_id 和 admin_nickname 字段。 请访问 多说,登录并访问「我的主页」获取 user_id , 此 ID 是 网址最后那串数字。

duoshuo_info:
  ua_enable: true
  admin_enable: true
  user_id: 1234567
  admin_nickname: 博主

至此,有关hexo的第三方服务,基本上配置完成,关于更多的优化配置,我将在后面的教程中与大家分享。 

 

 


 

结语

 如果你还需要了解更多技术文章信息,请继续关注白衣秀才的博客
 个人网站:http://penglei.top/
 Github:https://github.com/whitescholars
 微博:http://weibo.com/u/3034107691?refer_flag=1001030102_&is_all=1

 

 

posted @ 2017-01-12 11:01  白衣秀才  阅读(2264)  评论(0编辑  收藏  举报