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

Fcircle简介

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

MongoDB部分

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

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,
+       json_api: "https://blog.btwoa.com/friends.json", # friends.json和list二选一就行
-	    enable: false,
-	    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.avif"],
-	        # 示例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.avif", "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存储本地化方案