thumbnail
在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_2.png
test_3

上一篇
下一篇
l