起因
使用
使用呢也是hin简单的,方法跟之前差不多,只是需要配置的参数不同而已,所说部署在Vercel上有点慢,但又不是不能用
在说说页面进行如下设置:
- 使用cdn引入qexoDaodao:
- 创建script标签使用
qexoDaodao?.init()初始化,并且传入必要的参数。
<head>
<!-- ... -->
<script src="//cdn.jsdelivr.net/gh/Uyoahz26/daodao@main/dist/qexo-dao.min.js"></script>
<!-- ... -->
</head>
<body>
<!-- ... -->
<div id="qexoDaoDao"></div>
<script>
qexoDaodao?.init({
el: "#qexoDaoDao",
avatar: "https://q1.qlogo.cn/g?b=qq&nk=2496091142&s=640",
name: "UyoAhz",
limit: 10,
useLoadingImg: false,
baseURL: "https://example.cn/",
}).then(function (){
console.log("qexoDaodao加载完成");
})
</script>
</body>
各参数说明
| 参数 | 说明 | 默认值 |
|---|---|---|
name(必须的) |
显示的昵称 | - |
avatar(必须的) |
头像地址 | - |
baseURL(必须的) |
Qexo访问地址 | - |
title |
显示的标题 | 叨叨 |
limit |
每次加载的条数 | 5 |
fromColor |
来源标签背景颜色 | #000a85 |
labelColor |
主题色和标签背景颜色必须是HEX色值 | #000a85 |
useLoadingImg |
是否使用自定义加载gif图片 | false |
loadingImg |
是否使用自定义加载图片,useLoadingImg为true时必传 |
- |
format |
自定义显示的日期格式,例如yyyy年MM月dd日 |
- |
标签的第一个值对应的是标签的值,第二个对应的是说说的来源值。
![]()
效果预览: 叨叨
ispeak-bber 原作者:小康博客 ispeak-bber 前端美化增强版,支持歌曲分享 --- GuoLe 哔哔点啥微信公众号 2.0 --- 木木木木木