音乐播放器
Ericam_blog
 
文章 标签
12

Powered by Gridea | Theme: Fog
载入天数...
载入时分秒...
总访问量:  |   访问人数:

如何在fog主题中使用哔哔

  热度: loading...

前排感谢

哔哔开发者:黑石(Heson),木木大佬

哔哔主题开发者:小康博客

Fog主题应该是Gridea诸多主题中第一个接入哔哔的主题吧,也算是尝鲜了。

其实Fog本身自带说说功能,那么为啥还要加入哔哔这个功能呢?Fog本身自己的说说是基于自定义配置,在此情况下如若配置文件丢失,则一切说说信息都会随之丢失。其他的配置信息配置起来尚还容易,但如果你是一个说说爱好者,已经编写了几百条说说,难道还要重新来回忆编写嘛?所以基于以上原因考虑,决定加入哔哔功能。

一、bber安装部署

由于哔哔基于腾讯云cloudbase开发,所以需要配置环境。

在此只介绍一键部署的教程(如果你已经部署好twikoo,那么只需要按照以下操作将bber部署在同一个环境即可)

1.点击以下按钮将 BBer 一键部署到云开发

一键部署

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

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

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

5.进入云函数,修改自定义apikey bber 并保存备用。

ps:这里的apikey便是我们之后发起第三方请求的key值

到此为止,哔哔的基础功能已经配置完毕,如果你不想要你的哔哔消息随机在博客首页显示,可以跳过第二部分内容的阅读与部署

二、哔哔转存json

将bber内容转存为json,方便发起请求并获取相应内容。

1.首先在控制台新建云函数,名称为bber-talk

2.接下来进入下图所示位置,新建index.jspackage.json文件。

index.js内容地址:https://github.com/lmm214/bber/blob/main/bber-talk/index.js (防止我下方代码过期)

或者index.js可以填写我文件中的内容

/**
 * 个人哔哔云存储json
 * date: 2021.01.15 23:59
**/
'use strict';
const tcb = require("@cloudbase/node-sdk");
const app = tcb.init({ env: tcb.SYMBOL_CURRENT_ENV })
const db = app.database()
const path = require('path')
const fs = require('fs')

exports.main = async (event, context) => {
    const talksCollection = db.collection('talks')
    const CreateTime = Date.now()
    await talksCollection.where({}).orderBy("date", "desc").limit(9).get().then((res) => {
        let dataJson = {code: 0,data: [],msg: `成功`}
        for(var i=0;i<res.data.length;i++){
            var obj = {
                date: res.data[i].date,
                content: res.data[i].content,
                from: res.data[i].from
            };
            dataJson.data.push(obj);
        }
        let contentJson = JSON.stringify(dataJson,null,'\t')
        console.log(contentJson)
        let ws = fs.createWriteStream('/tmp/bber'+CreateTime+'.json', { autoClose: true });
        ws.write(contentJson, 'utf8')
        app.uploadFile({
            cloudPath: 'json/bber.json',
            fileContent: fs.createReadStream('/tmp/bber'+CreateTime+'.json')
        }).then((res) => {
            ws.on('finish', function () {
                console.log('ok')
            });
        })
    }) 
}

package.json内容地址:https://github.com/lmm214/bber/blob/main/bber-talk/package.json

{
    "name": "bber-talk",
    "version": "1.0.0",
    "main": "index.js",
    "dependencies": {
        "@cloudbase/node-sdk": "^2.4.4"
    }
}

填写完成后选择【保存并安装依赖】

3.原云函数添加异步代码

进入控制台-云函数

在之前 bber 的 index.js 内添加以下代码,实现异步转存 Json 文件。(一键部署情况下这段代码是被加了注释,找到后删除注释符即可)

如果没有找到的情况,就加入下方代码(注意图片中的行号以及上方代码,在该位置添加即可)

//异步转存json
try {
    await app.callFunction({name: 'bber-talk'}, { timeout: 300 })
} catch (e) {
    console.log('开始异步转存json')
}

4.云存储获取链接及缓存设置

云存储–json–bber.json,详情–下载地址,得到类似下面格式地址:

https://6262-bb-f5c0f-1252354806.tcb.qcloud.la/json/bber.json

接下来当你新发一条哔哔后,便会开始进行数据转存,此时你用浏览器访问你的地址,可以得到类似下图的信息:

三、如何在fog主题中使用哔哔

进入主题自定义配置,填写下方信息即可。

如果想要开启首页哔哔-onetalk,则继续填写以下信息

4.其他问题

如果遇到其他配置问题,或者准备手动部署,可以参考原教程。

https://immmmm.com/bb-by-wechat-pro/