在material主题使用BBtalk

新建BBtalk页面

终端输入hexo new page bb

打开BBtalk文档

复制CDN引用下方的代码

<!-- 存放哔哔的容器 -->
<div id="bbtalk"></div>
<!-- 引用 bbtalk -->
<script src="https://cdn.jsdelivr.net/npm/bbtalk@0.1.5/dist/bbtalk.min.js"></script>
<script>
bbtalk.init({
  appId: "Y5IDwC47czJFXXXXXXSlU44Y-MdYXbMMI",
  appKey: "qgrJ3nRwXXXXXXwwnVfj0uaQ",
  serverURLs: 'https://AppID前八位.api.lncldglobal.com'
})
</script>

Code_1

终端输入hexo s效果如下,圆点位置会有偏差：

test_1

打开下方链接，复制js内容，在本地新建一个bbtalk.min.js。

https://hp-l.gitee.io/phone/bb/bbtalk.min.js

再将上文中的复制的CDN引用下方的代码 https://cdn.jsdelivr.net/npm/bbtalk@0.1.5/dist/bbtalk.min.js 改成 ./bbtalk.min.js

即

<!-- 存放哔哔的容器 -->
<div id="bbtalk"></div>
<!-- 引用 bbtalk -->

<script src="./bbtalk.min.js"></script>
<script>
bbtalk.init({
  appId: "Y5IDwC47czJFXXXXXXSlU44Y-MdYXbMMI",
  appKey: "qgrJ3nRwXXXXXXwwnVfj0uaQ",
  serverURLs: 'https://AppID前八位.api.lncldglobal.com'
})
</script>

效果如下，还需进一步调整。

test_3

本文采用署名-非商业性使用-相同方式共享 4.0 国际许可协议，转载请注明出处。