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`	网站截图APi	https://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

友链朋友圈 --- 字节君