给博客整上了说说的友链功能
一直想在博客弄个「说说」板块，随便发点碎碎念，不用像写文章那么正式。顺便把友链功能也收拾了一下，方便和朋友们互相串门。
折腾了两天，总算把 Qexo 这两功能整明白了。记录一下，免得自己忘了，也给需要的人参考。
先说准备工作
得先有个 Qexo 后端，这个我早就部署好了。如果你还没有，先去搞一个，具体咋部署官方文档写得很清楚，我就不啰嗦了。
说说功能咋整的
效果长这样 说说 | min的小窝
1. 先在 Qexo 后台加几条说说
进 Qexo 管理面板，找到「说说」模块，随便写几条测试内容，记得点发布。我就先写了几条日常，试试效果。
2. 前端代码抄过去
把下面这段扔到你的说说页面，参数照着改就行：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
| <!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>说说 | 你的博客名字</title>
<script src="https://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: "你的头像链接",
name: "你的名字",
limit: 10,
useLoadingImg: false,
baseURL: "https://你的qexo地址/",
}).then(function (){
console.log("qexoDaodao加载完成");
})
</script>
</body>
</html>
|
参数也没几个，照着填就行。我一开始忘了加斜杠，折腾了半天才发现。
友链功能
这个分两块：显示已有的友链 + 别人可以申请友链。
1. 先在后台加几个朋友
进 Qexo 的「友链」模块，把朋友们加上。
2. 显示友链列表
1
2
3
4
5
6
7
8
9
10
11
|
<div id="qexo-friend-link"></div>
<script src="https://cdn.jsdelivr.net/gh/Uyoahz26/qexo-link@main/main.min.js"></script>
<script>
loadQexoFriends({
id: "qexo-friend-link",
url: "https://你的qexo地址",
})
</script>
|
3. 加个申请表单（可选）
想让别人主动申请友链的可以加上这个：
1
2
3
4
5
6
7
8
9
10
11
|
<div id="friends-api"></div>
<script src="https://unpkg.com/qexo-friends/friends-api.js"></script>
<script>
qexo_friend_api(
"friends-api",
"https://你的qexo地址",
""
);
</script>
|
完整的样子
把上面这些拼起来，大概就是这样：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<div id="qexo-friend-link"></div>
<script src="https://cdn.jsdelivr.net/gh/Uyoahz26/qexo-link@main/main.min.js"></script>
<script>
loadQexoFriends({
id: "qexo-friend-link",
url: "https://你的qexo地址",
})
</script>
<div id="friends-api"></div>
<script src="https://unpkg.com/qexo-friends/friends-api.js"></script>
<script>
qexo_friend_api("friends-api", "https://你的qexo地址", "");
</script>
|
踩坑记录
- 斜杠问题：说说的 baseURL 要加斜杠，友链的 url 不能加斜杠。这设计有点坑，反正我折腾了半小时才发现。
- 头像：随便找个图床传个头像就行。
目前用下来还挺顺的，发说说直接在 Qexo 后台写，博客这边自动更新。友链也是，后台加一个，前台就显示了。
就这样，有问题可以留言问我，虽然我也不一定懂。
微信
