手把手教你配置哔哔点啥

有一些闲言碎语不知道去哪说，所以搭建了一个哔哔点啥页面

一、服务部署

1. 首先保证成功激活腾讯云开发

2. 点击一键部署至云开发

image-20210807160349972

3. 进入环境-登录授权，启用“匿名登录”

image-20210807160443690

4. 进入环境-安全配置，将博客网址添加到“WEB安全域名”

image-20210807160514198

5. 进入环境-HTTP访问服务，复制链接备用。

image-20210807160549968

6. 进入云函数，修改自定义serverkey bber 并保存备用。

记录下这个key，后面需要用

image-20210807160730497

7. 扫码进入公众号，输入命名绑定

img

1
2
3
/bber 你刚刚设置的key,https://你的云函数HTTP访问地址/bber

比如: /bber mykey,https://balabala.ap-shanghai.app.tcloudbase.com/bber

8. 手动添加一条哔哔 必须要有

进入腾讯云数据库->talks->文档列表->添加文档

字段: content

类型: string

值: 随便

点击确定

9. 验证微信发送

微信发送一条文字，返回哔哔成功，talks文档列表里多出来一条，即为服务部署成功

image-20210807161419278

二、前端部署

1. 新建一个markdown文件

以源代码模式编辑，复制以下内容

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div id='speak-bber'></speak>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/ispeak-bber@1.1.1-beta/ispeak-bber.min.js" charset="utf-8" ></script>
<script>
ispeakBber
    .init({
      el: '#speak-bber',
      name: 'DreamyTZK 🦄', // 显示的昵称
      envId: '腾讯云开发环境id', // 环境id
      region: 'ap-shanghai', // 腾讯云地址，默认为上海
      limit: 10, // 每次加载的条数，默认为5
      avatar: 'https://cdn.jsdelivr.net/npm/kang-static@latest/avatar.jpg',
      fromcolor:'rgb(245, 150, 170)'
    })
    .then(function() {
      console.log('ispeak 加载完成')
    })
</script>

退出源代码模式后应该看不见上面的代码

2. 重新生成hexo静态网站

此处不再赘述

3.查看哔哔页面

image-20210807161821445