Hexo添加网易云跟贴

鉴于多说已经GG,本来已经很懒了,猫叔说要更新一下评论功能,那么就搞一搞吧。
这里以本站主题为主,简要讲述一下如何添加网易云跟帖功能。

1.

首先注册一个网易云跟帖账号。。。略过。
找到 https://manage.gentie.163.com/#/code 页面下,WEB代码 板块获得以下代码。

1
2
3
4
5
6
7
8
9
10
11
12
<div id="cloud-tie-wrapper" class="cloud-tie-wrapper"></div>
<script src="https://img1.cache.netease.com/f2e/tie/yun/sdk/loader.js"></script>
<script>
var cloudTieConfig = {
url: document.location.href,
sourceId: "",
productKey: "4673aa4accf74888888888888888",
target: "cloud-tie-wrapper"
};
var yunManualLoad = true;
Tie.loader("aHR0cHM6Ly9hcGkuZ28888888888888888888888888", true);
</script>

2.

打开主题的 _config.yml 文件,在最末端添加以下两个配置参数,参数从网易云跟帖处获得

1
2
3
# 163 Gentie
yungentie_key: 4673aa4accf74888888888888888
yungentie_loader: aHR0cHM6Ly9hcGkuZ28888888888888888888888888

3.

打开主题的 layout\_partial 目录下的 article.ejs 文件,删除或关闭原有的多说或者其他第三方评论组件代码。最末端添加以下代码
(使用其他主题的自行找到原评论功能的Div所属ejs文件,并按照以下代码添加)

1
2
3
4
5
<% if (!index && post.comments && (theme.yungentie_key)){ %>
<section id="comments">
<div id="cloud-tie-wrapper" class="cloud-tie-wrapper"></div>
</section>
<% }

此处主要是在页面评论板块用中插入div层,使得网易云跟帖组件能在此展示。

4.

打开主题的 layout\_partial 目录下的 after-footer.ejs 文件,删除或关闭原有的多说或者其他第三方评论组件代码。最末端添加以下代码

1
2
3
4
5
6
7
8
9
10
11
12
13
<% if (theme.yungentie_key){ %>
<script src="https://img1.cache.netease.com/f2e/tie/yun/sdk/loader.js"></script>
<script>
var cloudTieConfig = {
url: document.location.href,
sourceId: "",
productKey: '<%= theme.yungentie_key %>',
target: "cloud-tie-wrapper"
};
var yunManualLoad = true;
Tie.loader('<%= theme.yungentie_loader %>', true);
</script>
<% } %>

此处主要是判断主题的 _config.yml 文件中是否有网易云跟帖的参数配置,有则读取使用。

5.

git bush 执行以下代码完成缓存清理与渲染,大功告成了。
hexo clean & hexo g

5.1

由于网易云跟帖的域名绑定限制,Windows本地预览调试需要修改 hosts 文件,将 127.0.0.1 指向你所绑定的域名。这个不会的。。自行搜索吧。
当然直接丢到服务器上面测试是更好的。

6.

网易云跟帖头像设置 (仅网易账号登录有效) 点我设置头像和昵称
微博登陆获取微博头像
QQ登录不知道如何设置。。

7.

此次修改主要增加以下配置及功能

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
# 163 Gentie  网易云跟帖
yungentie_key: 4673aa4accf74888888888888888888
yungentie_loader: aHR0c888888888888888882888888888888

# Miit Beian 备案号
miit_beian: 闽ICP备14015829号

#Sidebar Game 侧边栏游戏开关
sidebar_game: true

# Blog Since 博客底部版权起始时间 (©2015-2017,后面的时间获取当前时间,无需填写)
blog_since: 2015

# Search 博客内 文章标题 分类 日期 搜索
lx_search: true

本站主题整理中,有需要的email给我索取即可。 m@levey.cn
非原创主题,只是修修改改,就不发出来了。
原主题请左转 landscape-plus 以及 landscape 。

祭奠一下逝去的多说。愿安详。