Hi，My Friends（Public Beta）

26天前 / 0 阅读 / 0 comments

你是否经常烦恼于友链过多但没有时间浏览？那么友链朋友圈将解决这一痛点。你可以随时获取友链网站的更新内容，并了解友链的活跃情况。 —— 「友链朋友圈」

挂载前端代码

博客新建一个页面，放入以下代码：

<!-- 挂载友链朋友圈的容器 -->
<div id="cf-container">与主机通讯中……</div>
<!-- 加样式和功能代码 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lmm214/immmmm/themes/hello-friend/static/fcircle-beta.css">
<!-- 匹配自己的友链或加载后端数据
<script type="text/javascript">
  var fdataUser = {
    jsonurl: 'https://cdn.edui.fun/lmm.json',  //【推荐】json 匹配模式
    //apiurl: 'https://hexo-circle-of-friends-lmm214.vercel.app/',  //自部署api
  }
</script>
-->
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/lmm214/immmmm/themes/hello-friend/static/fcircle-beta.js"></script>

这样就搞定啦，默认看到的是 750+ feeds 的公共库（数据来自 saveweb）。

匹配自己的友链

当然，我们也想拥有一个纯自己友联的文章更新情况。来，取消注释，推荐采用第一种 jsonurl 方式。

<script type="text/javascript">
  var fdataUser = {
    jsonurl: 'https://cdn.edui.fun/lmm.json',  //【推荐】json 匹配模式
    //apiurl: 'https://hexo-circle-of-friends-lmm214.vercel.app/',  //自部署api
    //initnumber: 20,  //首次加载文章数
    //stepnumber: 10,  //更多加载文章数
    //article_sort: 'created', //文章排序 updated or created
    //error_img: 'https://sdn.geekzu.org/avatar/57d8260dfb55501c37dde588e7c3852c'
  }
</script>

其实 lmm.json 就是个 link 的数组，原理是把这数组与公共库进行匹配，返回对应的文章列表。

这也是「Rock-Candy-Tea」持之以恒，努力抛弃后端的成果！

[可选]后端配置

致敬，用爱发电er

名称主页说明

冰老师 https://zfe.space/ 友链朋友圈理念奠基人，初代前后端方案编写者，冰老师YYDS！

Akilar https://akilar.top/ 为历代友链朋友圈提供前端方案，npm插件方案编写者

heo https://blog.zhheo.com/ 友链朋友圈前端方案、视觉设计，UI 方案多样化

贰猹 https://noionion.top/ 历代友链朋友圈后端维护者，3.0方案编写者，多主题友链抓取适配，朋友圈售后中流砥柱，公共库方案、api编写者

RaXianch https://blog.raxianch.moe/ 友链朋友圈后端维护，多主题友链抓取适配

yyyz https://www.yyyzyyyz.cn/ 4.0方案编写者，多主题友链抓取适配，服务器部署方案编写者，友链朋友圈现维护者

林木木 https://immmmm.com/ 新版友链朋友圈前端方案编写者

Fox https://foolishfox.cn/ 提供sql api与sql存储本地化方案

个人编写的 fcircle-beta.js 源自 fetch.js 和 fcircle.js，从最初的简单合并实现了“第一次打开即能显示相应内容”，之后一天天的 commit 几乎是逼着强力后端 @贰猹做了一个全新的 API，实现了很多全新的交互。

前端交互说明

点击「订阅」，随机显示博客卡片

点击「活跃」，切换公共库和个人库

点击头像，随机此博客卡片

点击「日志」，清空本地缓存数据。

更新后端后使用。

CSS 样式命名说明

fcircle-beta.css 统一命名格式，以 cf- 做标识。

Hi，My Friends（Public Beta）