[整理/转载]Github+HEXO (Mac)(二)

参考
NexT使用文档
hexo你的博客


§配置评论

  • Hexo默认集成Disqus提供第三方评论系统
  • 国内建议多说
  • 登录后在首页选择 “我要安装”。
  • 创建站点,填写站点相关信息。 多说域名处填写自己命名的short_name 例如博主就根据提示顺手填了ZoeyeoZ。。。
  • 创建站点完成后编辑站点配置文件_config.yml文件
    • 新增 duoshuo_shortname 字段,值设置成上一步中的值。
    • duoshuo_shortname: ZoeyeoZ
    • 此外声明这类配置与主体有关,博主主题[NexT]
  • 如果采用其他第三方评论系统,通用代码详见多说网站

使用多说的话,Thread Key一定不要改变,Thread Key相当于是识别码;如果你更新了Hexo或者重装了vps,文章的Thread Key改变了的话,那么恭喜你,评论全部没有了。。。

§百度统计

  • 登录百度统计, 定位到站点的代码获取页面
  • 复制 hm.js? 后面那串统计脚本 id,如:
  • hm.src = "//hm.baidu.com/hm.js?xxxxxx";
  • 编辑站点配置文件,新增字段 baidu_analytics 字段,值设置成你的百度统计脚本 id

§阅读次数统计(LeanCloud)

  • 详细内容参照为NexT主题添加文章阅读量统计功能

  • NexT主题目前已经合并这个Feature,因此如果你使用的是NexT主题,可以直接使用不用修改主题模版

  • 修改NexT主题模版

  • 详见原文

  • 修改_config.yml文件
    blog/themes/next

  • 添加lean-analytics.swig文件,
    blog/themes/next/layout/_scripts

  • 修改post.swig文件
    blog/themes/next/layout/_macro

  • 修改layout.swig文件
    blog/themes/next/layout

  • 修改zh-Hans.yml文件

  • 注册LeanCloud(需验证邮箱)

  • 配置LeanCloud
    登录帐号,配置后拿到AppIDAppKey,用于文章阅读量统计的功能。

    • 创建应用,用于博客的访问统计的数据操作

      • 左上角账号,打开控制台
      • 点击创建应用
      • 新建的应用名称Test(可修改)
      • 点击新创建的应用名进入参数配置页
      • 点击左侧右上角的齿轮图标,创建Class。新建表来保存数据

      为了保证我们前面对NexT主题的修改兼容,此处的新建Class名字必须为Counter

      • 选择Counter,点击顶部设置,切换到Test应用操作界面
      • 选择左侧的应用Key选项,得到创建应用的AppID以及AppKey
      • 复制AppID以及AppKey并在NexT主题的_config.yml文件中我们相应的位置填入即可
      1. 注意,NexT用户需要修改false为true
        leancloud_visitors: enable: true
      2. 重新生成部署Hexo博客,应该就可以正常使用文章阅读量统计的功能了。需要特别说明的是:记录文章访问量的唯一标识符是文章的发布日期以及文章的标题,因此请确保这两个数值组合的唯一性,如果你更改了这两个数值,会造成文章阅读数值的清零重计。
  • 后台管理

    • 初始的文章统计量显示为0,这时对应应用的Counter表中并没有相应的记录。当博客文章在配置好阅读量统计服务之后第一次打开时,便会自动向服务器发送数据来创建一条数据,该数据会被记录在对应的应用的Counter表中。
    • 我们可以修改其中的time字段的数值来达到修改某一篇文章的访问量的目的(博客文章访问量快递提升人气的装逼利器)。双击具体的数值,修改之后回车即可保存。
    1. url字段被当作唯一ID来使用,因此如果你不知道带来的后果的话请不要修改。
    2. title字段显示的是博客文章的标题,用于后台管理的时候区分文章之用,没有什么实际作用。
    3. 其他字段皆为自动生成,具体作用请查阅LeanCloud官方文档,如果你不知道有什么作用请不要随意修改。
  • Web安全
    由于AppID以及AppKey是暴露在外的,为确保只用于自己博客,建议开启Web安全选项,这样就只能通过自己的域名才有权访问后台的数据

    • 选择应用的设置的安全中心选项卡
    • 在Web 安全域名中填入我们自己的博客域名,来确保数据调用的安全
    • 如果填写错误可能导致博客文章访问量显示不正常,打开浏览器调试模式,发现Web安全域名填写错误,导致服务器拒绝了数据交互的请求,请修改或者放弃。。。

§Swiftype 搜索

  • 使用 Swiftype 之前需要前往 Swiftype 配置一个搜索引擎。 而后编辑 站点配置文件, 新增 swiftype_key 字段,值为你的 swiftype 搜索引擎的 key。 详细的配置请参考: 第三方服务 - Swiftype
  • 进入Swiftype,根据提示操作
    • 注意,修改值在 /blog/themes/next/_config.yml
      # Swiftype Search Key swiftype_key: xxxxxxxxx
    • 复制Install Swiftype On Your Website内的
      _st('install','XXXXXXXXX','2.0.0');

§JiaThis

  • 编辑 站点配置文件, 找到字段 jiathis
    jiathis: enable: true

§ERROR

  • 如发生类似错误
  • ERROR Process failed: layout/_scripts/.DS_Store
  • ERROR Process failed: layout/.DS_Store 等
  • 进入主题里面layout和_partial目录下相应目录下,使用删除命令:
    rm -rf .DS_Store