Typecho如何添加FriendCircle友链朋友圈

你是否经常烦恼于友链过多但没有时间浏览？那么友链朋友圈将解决这一痛点。你可以随时获取友链网站的更新内容，并了解友链的活跃情况 。

功能概览

• 新增前端管理面板，告别繁琐的配置，管理朋友圈更加方便
• 增加极简模式
• 支持 gitee 和 github 上的 issues 友链获取
• 支持butterfly、volantis、matery、sakura、fluid、nexmoe、Yun、stun、stellar、next主题的友链和文章获取
• 支持feed订阅规则，如atom、rss等规则（支持wordpress类型的博客）
• 支持自定义订阅后缀
• 支持站点屏蔽
• 支持按照更新时间和创建时间排序
• 支持未适配的hexo主题和非hexo用户使用，在配置项选择开启配置项友链
• 额外的友链页同时爬取
• 支持添加HTTP代理
• 多种数据存储，提供leancloud,mysql,sqlite,mongodb存储方式
• 多种方式部署，提供github,server,docker部署方式
• 将api整合到主仓库
• 新增友链获取策略的common规则
• 新增api方式的配置项友链
• 将额外友链页和环境变量友链统一为LINK，在配置文件中配置

效果演示

本站友链朋友圈 其它友链朋友圈

环境配置

说明：本文采用的是docker sqlite部署方式

1. 安装git

代码语言：javascript复制

yum install -y git

1. 安装依赖

代码语言：javascript复制

yum install -y yum-utils device-mapper-persistent-data lvm2

1. 配置yum源

代码语言：javascript复制

yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo

1. 安装docker

代码语言：javascript复制

yum update -y && yum install -y docker-ce

1. 开启docker服务

代码语言：javascript复制

systemctl start docker

1. 查看docker版本

代码语言：javascript复制

docker -v

1. 设置开机自启动

代码语言：javascript复制

systemctl enable docker

后端部署

1. clone项目仓库

代码语言：javascript复制

git clone https://github.com/Rock-Candy-Tea/hexo-circle-of-friends

1. 下载镜像

代码语言：javascript复制

docker pull yyyzyyyz/fcircle:latest

1. 运行位于项目根目录的部署脚本

代码语言：javascript复制

python3 deploy.py

选择docker--->部署，等待运行完毕即可。

输入docker ps查看创建情况

1. 尝试访问API

代码语言：javascript复制

curl 127.0.0.1:8000/all

出现数据即为部署成功。 接下来，开放服务器的对应端口，就可以通过IP:端口或者域名:端口访问到API，前端需要的就是这个地址。 也可以通过配置反向代理，转发到网站的其它端口下。

前端部署

1. 新建一个页面，代码如下：

代码语言：javascript复制

<?php
/**
 友圈
 @package custom
 */
?>
<!-- 代码仅包括友圈部分，其余样式代码自行增减 -->
<div id="hexo-circle-of-friends-root"></div>
<script>
    let UserConfig = {
        // 填写你的api地址
        private_api_url: 'http://127.0.0.1:8000/',
        // 初始加载几篇文章
        page_init_number: 20,
        // 点击加载更多时，一次最多加载几篇文章，默认10
        page_turning_number: 20,
        // 头像加载失败时，默认头像地址
        error_img: 'https://xxxx/logo.ico',
        // 进入页面时第一次的排序规则
        sort_rule: 'created',
        // 本地文章缓存数据过期时间（天）
        expire_days: 1, 
    }
</script>
<script type="text/javascript" src="https://npm.elemecdn.com/fcircle-theme-yyyz@1.0.13/dist/fcircle.min.js"></script>

1. typecho后台，填加单页，选择该模板，访问即可得到效果。
2. 前端在顶部右下角卡片新增管理面板

点击即可进入。第一次部署成功后，输入第一个密码的同时设置密码。请设置一个安全可靠的密码，并防止泄露。

typecho 部署 管理 配置 前端

1 人点赞