如果不清楚如何部署友链朋友圈可以看这篇文章:友链朋友圈5 - 我的部署历程与主题样式分享

我的友链页一般都属于来者不拒,加着加着面临几个问题,一个是友链太多看不过来,即使点进去又发现没更新。所以友链朋友圈成功解决了这个难题。在这个基础上看了一下友链朋友圈的api文档,寻找一些玩法。其中「钓鱼」功能就是根据radompost API来获取的,经过几轮测试和版本迭代,逐渐稳定不再更新,所以放出来。

钓鱼

当人们有成片的文章列表时,人们趋近于去浏览他们。而当只有一个内容时,人们才会去仔细思考。

钓鱼功能

配置

钓鱼功能配置非常简单,在需要的地方部署HTML代码:

1
2
3
4
5
6
7
<div class="title-h2-a">
<div class="title-h2-a-left">
<h2 style="padding-top: 0;margin:0.6rem 0 0.6rem;">🎣 钓鱼</h2><a class="random-post-start" href="javascript:fetchRandomPost();"><i class="fa-solid fa-arrow-rotate-right"></i></a>
</div>
</div>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/zhheo/JS-Heo@main/moments/random-friends-post.css">
<script src = "https://cdn.jsdelivr.net/gh/zhheo/JS-Heo@main/moments/random-friends-post.js"></script>

使用自己的API数据

需要在js执行之前插入以下代码:

1
2
3
4
5
6
7
<script type="text/javascript">
var fdataUser = {
apiurl: 'https://moments.zhheo.com/',
defaultFish: 500,
hungryFish: 500,
}
</script>

其中

apiurl:你的友链朋友圈API地址

defaultFish:最初拥有的饥饿度(在不点击链接的情况下多少次钓鱼后会出现饥饿事件)

hungryFish:吃一次鱼可以撑多少次钓鱼

效果预览

查看效果

可以放置在友链朋友圈顶部或者友链页面顶部。