友圈项目这么实用，当然要加入了。未适配主题通过JSON字符串接入，后端采用MongoDB+Vercel+Github，这样的缺点是访问速度略慢，不过我完全能接受

Fcircle简介

快速获取友链网站的更新内容，了解友链的活跃情况，随时随地一键串门

友链朋友圈官方文档

MongoDB部分

创建免费数据库并获取MongoDB Url

参考资料

创建数据库并获取MongoDB Url https://blog.btwoa.com/2qe37d61/#%E5%88%9B%E5%BB%BA%E6%95%B0%E6%8D%AE%E5%BA%93

Vercel部分

创建Vercel Account Token

点击按钮一键部署

部署到 Vercel

绑定自定义域名

配置环境变量

变量名变量值
GH_NAMEGithub用户名
GH_EMAILGithub注册邮箱
GH_TOKENGithub Access Token
VERCEL_ACCESS_TOKENVercel Account Token
STORAGE_TYPEmongodb
MONGODB_URImongodb+srv://……

重新部署

Github部分

创建Github Access Token

访问权限设定为repo和workflow

配置环境变量

变量名变量值
GH_NAMEGithub用户名
GH_EMAILGithub注册邮箱
GH_TOKENGithub Access Token
STORAGE_TYPEmongodb
MONGODB_URImongodb+srv://……

配置自己Fork友圈项目的fc_settings.yaml

路径：hexo-circle-of-friends/hexo_circle_of_friends/fc_settings.yaml
	LINK:
+		- {link: "https://blog.btwoa.com/link/", theme: "apollo"} # 添加友链地址和主题，未适配的主题这部分意义不大
-	    - {link: "https://www.yyyzyyyz.cn/link/", theme: "butterfly"}  # 友链页地址1，修改为你的友链页地址
-	#    - {link: "https://noionion.top/link/", theme: "butterfly"} # 友链页地址2
-	#    - {link: "https://immmmm.com/about/", theme: "common1"} # 友链页地址3
	
	
	# 配置项友链
	# enable：# 是否启用配置项友链 true/false（针对还未适配主题或者有定制需求的用户）
	# json_api：通过json格式配置友链，详见：https://fcircle-doc.js.cool/#/developmentdoc?id=配置项json友链
	# list字段填写格式：["name", "link", "avatar","suffix"]，其中：
	#       name：必填，友链的名字
	#       link：必填，友链主页地址
	#       avatar：必填，头像地址
	#       suffix：选填，自定义订阅后缀，主要针对不规范的网站订阅后缀，见示例2
	SETTINGS_FRIENDS_LINKS: {
+       enable: true,
-	    enable: false,
+       json_api: "https://blog.btwoa.com/friends.json", # friends.json和list二选一就行
-	    json_api: "",
	    list: [
-	        # 示例1：
-	        ["贰猹の小窝", "https://noionion.top/", "https://pub-noionion.oss-cn-hangzhou.aliyuncs.com/head.jpg"],
-	        ["Akilarの糖果屋", "https://akilar.top/", "https://akilar.top/images/headimage.png"],
-	        # 示例2：使用suffix的配置如下
-	        # 程序目前自动获取 "atom.xml", "feed/atom", "rss.xml", "rss2.xml", "feed", "index.xml" 这些后缀
-	        # 如果目标地址的后缀不在其中，就可以在这里添加
-	        # 比如 https://elizen.me/hello.xml ，填写：
-	        ["elizen", "https://elizen.me/", "https://akilar.top/images/headimage.png", "hello.xml"]
	    ]
	}
	
	# get links from gitee
	# 从gitee issue中获取友链
	GITEE_FRIENDS_LINKS: {
	    enable: false, # true 开启gitee issue兼容
	    type: "normal",  # volantis/stellar用户请在这里填写volantis
	    owner:  "ccknbc",  # 填写你的gitee用户名
	    repo:  "blogroll",  # 填写你的gitee仓库名
	    state:  "open",  # 填写抓取的issue状态(open/closed)
	}
	
	# get links from github
	# 从github issue中获取友链
	GITHUB_FRIENDS_LINKS: {
	    enable: false, # true 开启github issue兼容
	    type: "normal",  # volantis/stellar用户请在这里填写volantis
	    owner: "ccknbc",  # 填写你的github用户名
	    repo: "ccknbc-actions",  # 填写你的github仓库名
	    state: "open",  # 填写抓取的issue状态(open/closed)
	}
	
	# block site list
	# 添加屏蔽站点，支持正则表达式
	BLOCK_SITE: [
	#    https://example.com/, # 屏蔽 https://example.com/
	#    .*\.com,  # 含有.com的全部屏蔽
	#    ^http://,  # http开头的全部屏蔽
	]
	
	
	# 启用HTTP代理，此项设为true，并且需要添加一个环境变量，名称为PROXY，值为[IP]:[端口]，比如：192.168.1.106:8080
	HTTP_PROXY: false
	
	# 过期文章清除（天）
	OUTDATE_CLEAN: 60
	
	# 5.x以后默认为sqlite，同时不建议使用leancloud
	# 存储方式，可选项：leancloud，mysql，sqlite，mongodb；默认为sqlite
+   DATABASE: "mongodb"	
-	DATABASE: "sqlite"
	
	# 部署方式，可选项：github，server，docker；默认为github
	DEPLOY_TYPE: "github"

点击Actions启用工作流

点击Run workflow

测试友链接口

自定义域名后加/friend

查看爬取的友链

创建友圈页

hexo new page fcircle

编辑index.md

---
title: 友圈
layout: fcircle
---

<div id="app"></div>
<script>
    let UserConfig = {
        private_api_url: 'https://fcircle.xxxxxx.com/',   // 填写你的友圈api（自定义域名）
        page_turning_number: 15,
        error_img: 'https://sdn.geekzu.org/avatar/57d8260dfb55501c37dde588e7c3852c',
        sort_rule: 'created'
    }
</script>
<script type="text/javascript" src="https://unpkg.com/browse/imgscdn@1.1.33/fcircle/app.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/browse/imgscdn@1.1.33/fcircle/bundle.js"></script>

这是我的友圈页

在此感谢友圈项目的所有开发者

名称主页说明
冰老师https://zfe.space友链朋友圈理念奠基人，初代前后端方案编写者，冰老师YYDS！
Akilarhttps://akilar.top为历代友链朋友圈提供前端方案，npm插件方案编写者
heohttps://blog.zhheo.com友链朋友圈前端方案、视觉设计，UI 方案多样化，管理面板logo设计
贰猹https://noionion.top历代友链朋友圈后端维护者，3.0方案编写者，多主题友链抓取适配，朋友圈售后中流砥柱，公共库方案、api编写者
RaXianchhttps://blog.raxianch.moe友链朋友圈后端维护，多主题友链抓取适配
yyyzhttps://www.yyyzyyyz.cn4.x方案编写者，5.x前后端编写者，多主题友链抓取适配，服务器部署方案编写者，友链朋友圈现维护者
林木木https://immmmm.com新版友链朋友圈前端方案编写者
Foxhttps://foolishfox.cn提供sql api与sql存储本地化方案