Hexo 安装网易云跟帖评论的方法和注意事项
Apr 15, 2017
| 2022-6-25
0  |  0 分钟
对于国内来说送走多说后拥抱网易云跟帖是一个比较好的选择了,对于不在乎国内的访问的话还是比较推荐Disqus,毕竟网易云跟帖项目才刚刚开始还在BETA状态

准备工作

注意事项

  1. 评论不能带有任何链接会自动Del,后台看不到也无法审核
  1. 文章链接不能有大写的字母或者中文
  1. 注册的时候填写域名千万注意别写错了,只有一次更改机会且无法删除
  1. 评论数不是真的评论数是参与数,就算未通过审核也在记数内,包括赞
  1. Maupassant主题修改代码的时候千万要注意缩进要一一对应
  1. 其他主题重点检查ProductKey,join-count,cloud-tie-wrapper

注册账号

前往
按照网站指引注册,添加网站后定位“获取代码页”获取
ProductKey、LoaderID1、LoaderID2
notion image
notion image

通用教程

具体参考官方网的安装帮助文档 https://gentie.163.com/help.html#install

文章评论框

在文章页评论框的DIV处添加代码并替换 ProductKey、LoaderID1 中的文本 divid="cloud-tie-wrapper"scripttarget: "cloud-tie-wrapper" 可以更改为其他名称,但是必须是对应的。
<div id="cloud-tie-wrapper" class="cloud-tie-wrapper"></div> <script src="//img1.cache.netease.com/f2e/tie/yun/sdk/loader.js"></script> <script> var cloudTieConfig = { url: document.location.href, sourceId: "", productKey: "ProductKey", target: "cloud-tie-wrapper" }; var yunManualLoad = true; Tie.loader("loaderID1", true); </script>

首页评论数

在主页最尾部添加代码并替换 ProductKey、LoaderID2 中的文本
<script>var yunModuleEnv = true;</script> <script src="//img1.cache.netease.com/f2e/tie/yun/sdk/loader.js"></script> <script> var yunTieProductKey = "ProductKey"; Tie.loader("loaderID2", true); </script>
在每个文章列放置显示评论数的span 文章地址是你要显示评论数的文章地址比如首页的文章列表为:
  1. 文章1
  1. 文章2
  1. 文章3
其中文章1的地址为https://hscbook.com/1,那么该span的文章地址就应该为https://hscbook.com/1
<span lang="join-count" class="join-count" data-url="文章地址">0</span>

Maupassant适用

目前 Maupassant 主题已经添加了网易云跟帖但是有点缺陷以及首页没有显示评论数,按需修改,不要无脑复制!

文章评论框

Maupassant 主题定位 .\\layout\\_partial\\comments.jade 文件,在最尾部添加代码
if theme.gentie .cloud-tie-wrapper#cloud-tie-wrapper script. var cloudTieConfig = { url: document.location.href, productKey: '#{theme.gentie}', target: 'cloud-tie-wrapper' }; script(src='<https://img1.cache.netease.com/f2e/tie/yun/sdk/loader.js>')

首页评论数

Maupassant 主题定位 .\\layout\\index.jade 文件,在最尾部添加代码,千万千万千万注意要对应缩进
if theme.gentie script. var yunModuleEnv = true; script(src='//img1.cache.netease.com/f2e/tie/yun/sdk/loader.js') script. var yunTieProductKey = '#{theme.gentie}'; Tie.loader('aHR0cHM6Ly9hcGkuZ2VudGllLjE2My5jb20vZXh0ZW5kL2xpc3Rfam9pbl9zY3JpcHQuaHRtbA==', true);
搜索 if post.descriptionif post.description 的上面添加代码
if theme.gentie a.ds-thread-count(class='cloud-tie-join-count', href=url_for(post.path) + '#comments') span.join-count(lang='join-count' style='margin: 0 3px 0 1px;' data-url='#{config.url}#{url_for(post.path)}') 0 span Discuss

文章评论数

搜索 if page.tocif page.toc 的上面添加代码
if theme.gentie a.ds-thread-count(class='cloud-tie-join-count', href=url_for(page.path) + '#comments') span.join-count(style='font-size: 15px; color: #6E7173;') 0 span Discuss

修改主题配置

打开主题配置文件 _config.yml 在最后面添加(把ProductKey替换为上面获取的数值),注意“:”之后要有空隔
gentie: ProductKey

END

Maupassant 修改完成后首页以及文章页上面的评论数样式好像有点问题需要修改一下style文件,你们自己琢磨一下,或者等我有空的时候修改代码再次Pull上主分支吧。有什么问题请在下面留言,觉得文章对你有帮助就多回来看看。 目前 Maupassant 主题已经添加了网易云跟帖,并且已完善网易云跟帖已于2017-08-01正式关闭服务,从此又少了一个优秀的第三方评论服务!
文章最后修订日期:2017-9-22 09:08:03
 
 
技术分享
  • 建站
  • Hexo
  • 树莓派香橙派无线播放,实现DLNA与AirPlay协议无线音箱Hexo 国内外Win环境安装全教程以及插件推荐
    Catalog