Hexo第三方服务

静态站点拥有一定的局限性，因此我们需要借助于第三方服务来扩展站点的功能。罗列一些 NexT 目前支持的第三方服务，你可以根据你的需求集成一些功能进来。

评论系统

NexT 支持多种评论系统

如需取消某个页面/文章的评论，在 md 文件的 front-matter 中增加 comments: false

Disqus

Disqus 漂亮，但需要翻墙才能使用，体验不好。

DisqusJs

DisqusJs使用 Disqus API 获取到的数据渲染评论列表，搭配 Disqus API 的反代可以实现在网络审查地区加载 Disqus 评论列表；支持自动检测访客的 Disqus 可用性自动选择加载原生 Disqus（评论完整模式）和 DisqusJs 提供的评论基础模式。

展示评论列表、支持按照「最新」、「最早」、「最佳」排序
判断访客能否访问 Disqus、自动选择「评论基础模式」或「Disqus 完整模式」
Demo-1
Demo-2

disqusjs:
  enable: false
  # API Endpoint of Disqus API (https://disqus.com/api/).
  # Leave api empty if you are able to connect to Disqus API. Otherwise you need a reverse proxy for it.
  # For example:
  # api: https://disqus.skk.moe/disqus/
  api:
  apikey: # Register new application from https://disqus.com/api/applications/
  shortname: # See: https://disqus.com/admin/settings/general/

Gitalk 评论

Gitalk 是一个基于 GitHub Issue 和 Preact 开发的评论插件。Demo

需要Git Application 用于授权登录，到New Applications注册一个即可。就可以得到 client_id,client_secret。

gitalk:
  enable: true
  github_id: liuqi0725 # GitHub repo owner 你 github 用户名
  repo: liuqi0725.github.io # Repository name to store issues 用来放评论的仓库名称
  client_id: # GitHub Application Client ID 
  client_secret: # GitHub Application Client Secret
  admin_user: liuqi0725 # GitHub repo owner and collaborators, only these guys can initialize   gitHub issues
  distraction_free_mode: true # Facebook-like distraction free mode
  # Gitalk's display language depends on user's browser or system environment
  # If you want everyone visiting your site to see a uniform language, you can set a  force language value
  # Available values: en | es-ES | fr | ru | zh-CN | zh-TW
  language: zh-CN

注意：本地调试时。因为无法获取 Git Application 授权，所以无法使用。

Valine

Valine 是一款基于LeanCloud的快速、简洁且高效的无后端评论系统。目前已有Hexo、Jekyll、Typecho、Hugo、Ghost 等博客程序在使用Valine。

支持 Markdown
支持文章阅读量统计

在leancloud注册账号后，编辑 Next 的配置文件中的 valine即可

valine:
  enable: true  #设置为 true 打开 valine
  appid:  # Your leancloud application appid
  appkey: # Your leancloud application appkey
  ...

livere|来必力

棒子的东西，个人觉得速度太慢了。登陆 livere 获取你的 LiveRe UID 。编辑 Next 的配置文件中的 livere_uid。Demo

支持 Markdown

1
2
3

# LiveRe comments system
# You can get your uid from https://livere.com/insight/myCode (General web site)
livere_uid: # <your_uid>

搜索服务

Local Search

本地自定义站点内容搜索，可以通过文字标题或文字内容关键字搜索出相应文章

安装 hexo-generator-searchdb，在站点的根目录下执行以下命令

1
npm install hexo-generator-searchdb --save

编辑站点配置文件，新增以下内容到任意位置 your-blog-path/_config.yml

1
2
3
4
5
search:
  path: search.xml
  field: post
  format: html
  limit: 10000

编辑主题配置文件，启用本地搜索功能 your-blog-path/themes/next/_config.yml

1
2
3
# Local search
local_search:
  enable: true

Algolia Search

现在比较有名的云搜索的服务，直接到Algolia注册账号。

# Algolia Search
# For more information: https://www.algolia.com
algolia_search:
 enable: false
 hits:
   per_page: 10
 labels:
   input_placeholder: Search for Posts
   hits_empty: "We didn't find any results for the search: ${query}"
   hits_stats: "${hits} results found in ${time} ms"

Swiftype Search

据说只有 30 天试用，要收费。有兴趣可以了解下。到Swiftype Search注册账号获取 key 填入 NexT 配置即可。

1 2	# Swiftype Search API Key swiftype_key:

分享服务

Addthis上注册账号，添加WEBSITE TOOLS。最后在 Profile Settings 中查看 ID。并添加到 NexT 配置中

1
2
3

# AddThis Share. See: https://www.addthis.com
# Go to https://www.addthis.com/dashboard to customize your tools.
add_this_id: