Qexo友链前端样式

效果预览： 友链🔗

按照国际惯例，先引入js文件。
https://cdn.jsdelivr.net/gh/Uyoahz26/qexo-link@main/main.min.js

使用方法和之前的说说类似

<head>
  <!-- ... -->
  <script src="//cdn.jsdelivr.net/gh/Uyoahz26/qexo-link@main/main.min.js"></script>
  <!-- ... -->
</head>
<body>
  <!-- ... -->
  <div id="qexo-friend-link"></div>
  <script>
    loadQexoFriends({
        id: "qexo-friend-link",
        url: "https://example.cn/",
    })
  </script>
</body>

参数说明

参数说明默认值
id(必须的)要显示友链的元素ID-
url(必须的)Qexo访问地址-
screenSite网站截图APihttps://s0.wp.com/mshots/v1/
randomFalg是否打乱友链顺序false
column显示的列数3
rowHeight每行的高度150px
nameColor友链站点名称颜色#white

朋友圈功能

效果预览： 盆友圈🔗

无意间看到字节君的一篇关于Hexo Stellar使用Qexo的文章，里面有提到关于朋友圈的适配和使用，死马当作活马医，试试就逝世。功夫不负有心人，可怜天下父母心，好在最后的结果是好的。原文地址👉Hexo Stellar主题+Qexo后台管理

实现方式也是通过使用Github的Action，每隔三小时运行一次python程序（如果感觉三个小时太长了，可以自行修改触发时间），获取Qexo的友链接口，将其转换为友链朋友圈支持的数据格式。Github仓库地址，可以Fork此仓库，修改generator/Qexo_to_JSON.py文件中的url为自己Qexo的友链地址，保存即可。
具体使用可以参考它的官方文档，只需要修改以下两点

  • 友联朋友圈的links(友链页地址1) 修改为你的友链链接
  • json_api修改为你的friends.json链接。推荐使用raw.github

友链朋友圈 — 字节君

-------- 本文结束感谢阅读 --------
赏

这里是评论区，如果你看到这段话，就是没加载出来，刷新一下~

集中精神，以气御剪