hexo部署友链朋友圈教程

何为友链朋友圈

通过朋友圈，你可以随时获取友链网站的更新内容，并了解友链的活跃情况。
部署简单，功能强大，完全免费。

注意事项

vercel遭遇域名污染的通知

通过解析到自定义域名来解决，或者切换部署方式。

后端部署

fork友链朋友圈的项目仓库，地址：https://github.com/Rock-Candy-Tea/hexo-circle-of-friends
编辑/hexo_circle_of_friends/fc_settings.yaml文件，需要修改的配置如下：

1	LINK: - {link: "https://xxx.cn/link/", theme: "butterfly"} # link改为你的友链页地址，theme选择你的博客主题

然后点击仓库的Settings-->Secrets-->New repository secret

QQ图片20220205080305

添加4个环境变量secret：

GH_NAME：github名称，也就是你的用户名
GH_EMAIL：github邮箱，填写你注册github的邮箱
GH_TOKEN：github访问token，获取方式，请参考官方文档，其中，Select scopes选择repo和workflow。
STORAGE_TYPE：存储方式，填写sqlite

配置完成后，应该如下图所示：

然后点击仓库的setting-->Actions-->General-->勾选Read and write permissions-->Save

前往vercel官网

点击New Project新建项目

找到Import Git Repository，应该可以看见你刚刚fork的仓库，点击Import。

QQ截图20220205082743

然后点击Deploy，回到首页，等待其部署完成。

添加vercel环境变量，进入刚才创建的项目主页，点击Settings-->Environment Variables

与前面的secret相同，添加GH_NAME、GH_EMAIL、GH_TOKEN，此外，还需要添加VERCEL_ACCESS_TOKEN，获取方式如下：

点击vercel页面右上角的Settings-->Tokens--->Create

随便输入一个名称后，点击CREATE TOKEN，复制生成的token，添加到vercel环境变量中即可

添加完成后，应该如下图所示：

接下来，回到github，启用fork后仓库的github action，点击Actions-->I understand my workflows, go ahead and enable them

QQ截图20220205081120

之后点击update-friends-posts并启用workflow

QQ截图20220205081424

然后点击Run workflow--->Run workflow进行第一次运行

等待运行完毕后，仓库应该会上传data.db，并且vercel也会同步更新。

前往vercel，在项目中找到DOMAINS下面的地址，如：https://hexo-friendcircle4-api.vercel.app，（注：本来只需要这个地址，但由于vercel被墙，需要绑定自定义域名后，使用自定义域名的地址）。此为apiurl（之后会用到）

QQ截图20220205083633

至此，后端部分搭建完成。

前端部署

正常新建页面

1	hexo n page fcircle

放入以下代码

```html
<script type="text/javascript">
  var fdataUser = {
    jsonurl: 'https://cdn.edui.fun/lmm.json',  //【推荐】json 匹配模式
    //apiurl: '刚刚那个apiurl',  //自部署api
    //initnumber: 20,  //首次加载文章数
    //stepnumber: 10,  //更多加载文章数
    //article_sort: 'created', //文章排序 updated or created
    //error_img: 'https://sdn.geekzu.org/avatar/57d8260dfb55501c37dde588e7c3852c'
  }
</script>