Deploying Fcircle on Unsupported Themes

The Fcircle project is so useful, of course, I had to add it. Themes not adapted through JSON strings can use MongoDB+Vercel+Github for the backend, albeit with slightly slower access speeds, which I fully accept.

Fcircle Introduction

Quickly access updates from friend link websites and understand the activity of friend links, enabling one-click visits anytime, anywhere.

引用站外链接

Official Documentation

Fcircle

MongoDB Part

Create a free database and obtain the MongoDB URL

站内链接

Create database and get MongoDB Url

btwoa

Vercel Part

Create a Vercel Account Token

引用站外链接

Account Settings Tokens

Vercel

Click the button to deploy with one click

Bind custom domain name

Configure environment variables

Variable Name	Value
GH_NAME	Github username
GH_EMAIL	Github registered email

Redeploy

Github Part

Create Github Access Token

引用站外链接

Personal access tokens (classic)

Github

Access permissions are set to repo and workflow

Configure environment variables

Variable name	Variable value
GH_NAME	Github username
GH_EMAIL	Github registration email< /td>
GH_TOKEN	Github Access Token
STORAGE_TYPE	mongodb
MONGODB_URI	mongodb+srv://……

Configure fc_settings.yaml of your own Fork friend circle project

path: 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"

Click Actions to enable workflow

Click Run workflow

Add /friend after custom domain name

View crawled friend links

Create Fcircle Page

hexo new page fcircle

Edit index.md

---
title: Fcircle
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>

示例

引用站外链接

Friend Pond

btwoa

Thanks to all developers of the Fcircle project.

Name	Homepage	Description
Teacher Bing	https://zfe.space	Founder of the friend circle concept, writer of the original front and back end solutions. Teacher Bing, YYDS!
Akilar	https://akilar.top	Front-end solution provider for various generations of friend circles, writer of npm plugin solutions.
heo	https://blog.zhheo.com	Designer of front-end solutions and visuals for friend circles, UI variety, management panel logo design.
Er Chan	https://noionion.top	Maintainer of backend solutions for various generations, writer of the 3.0 solution, adapter for multiple themes, pillar of the after-sales service, writer of public library solutions and APIs.
RaXianch	https://blog.raxianch.moe	Maintainer of backend, adapter for multiple themes.
yyyz	https://www.yyyzyyyz.cn	Writer of 4.x and 5.x solutions, server deployment solutions, adapter for multiple themes, current maintainer of the friend circle.
Lin Mu Mu	https://immmmm.com	Writer of the new front-end solution for the friend circle.
Fox	https://foolishfox.cn	Provider of SQL API and local storage solutions.

Fcircle Introduction

MongoDB Part

Vercel Part

Github Part

Test friend link interface

Create Fcircle Page