Qexo说说前端页面美化

腾讯云函数收费后,摆烂了,直到看到qexo有说说的功能

文章目录00%

起因

使用

使用呢也是hin简单的,方法跟之前差不多,只是需要配置的参数不同而已,所说部署在Vercel上有点慢,但又不是不能用

在说说页面进行如下设置:

  1. 使用cdn引入qexoDaodao:
  2. 创建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 --- 木木木木木

正在获取评论数据
SEARCH

找一篇文章

开始输入以搜索站内文章