.png?table=block&id=24f4d291-ba2c-803b-9745-ebea632fbe7e&t=24f4d291-ba2c-803b-9745-ebea632fbe7e)
温馨提醒
这篇文章最后更新于 125 天前，有点久远啦，技术相关の具体内容请谨慎参考，若发现问题，请及时联系站长处理~
slug
type
status
date
summary
tags
category
password
Property
Aug 27, 2025 05:35 AM
icon
本教程由博主（𝟞𝟙𝟡'𝕤 𝔹𝕃𝕆𝔾）原创，转载请声明出处
简介
先看看效果
这是我自己博客友链页的施工结果，来访的站长友友先尝试去加一个试试~
这个是notion内数据库的效果
展开查看
我实现的效果：
1.通过NoteForms建立表格自动收集友链相关信息，信息会实时加入Notion内数据库，前端的画廊即可做到即时查看（但自己的域名前端基本都有缓存，所以还是不那么及时，但无需手动添加）
2.通过GitHub Actions检测站点在线状态，测试前端打开时间，并回传Notion，更新Status属性和检测时间，实现每天多次自动检测站点在线状态并展示
3.新支持了通过GitHub Actions将博主提交的头像链接和截图链接直接传回Notion数据库，基本上彻底解放双手！
4.可扩展：比如我设置了友链收集，友链的站长提交后，ta站点的友链链接会保存至数据库中，方便直接访问。同时可以自行设置收集更多信息来实现自动化…..
Todo：
1.自动获取站点图标和截图（问题是Notion貌似没有文件上传的接口，所以得调用s3或者oss来存储图片，回传链接，短期内不考虑）
2.欢迎大家提出新功能需求，我会想办法继续实现！
教程部分
准备工作
整个教程无需任何开发经验，只需要能顺利使用Github和Notion即可完成，我的实现过程和NotionNext项目一样简介方便，对我这样的小白用户十分友好！
在一切开始之前，你需要正确配置NotionNext，确保原版友链页可以正常显示在你的博客中
这里再附一份原作者tangly的官方教程，请按步骤操作
我强烈建议在下图的这个文件中将“画廊视图禁止点击”设置为true，这样可以防止误点而引入404页面（我已经和这个feature一起提交pr，以后可能默认就是ture啦~）
进行一下操作前，请确保您已经能正确部署站点！！！
先实现功能2：自动检测友链在线状态
1.复制成品友链模板
请打开以下链接，右上角有一个复制图标，将本页面复制到您的Notion当中
然后拖到您自己的Notion博客中
然后按照原来的“page”类型的友链设置相关的属性
这里要注意，编辑友链页需要编辑“Page”类型的那个，“Menu”类型的负责管顶部菜单，里面没东西，不用管内容
接下来打开更新后的页面，应该是下面这样
看到Gallery排版那里，这是我们需要的数据库的看板展示。然后移动鼠标到“画廊”图标的边上，看到六个点，点一下，再点“以整页面打开”
接下来按下图操作，完成2步
注意不要复制错了！！！！后面的是视图id，别管！！！！
这里要复制好这个
DATABASE-ID的值，第三步时要用2.创建并配置Notion集成
打开这个链接，进入集成页面，选“新集成”
接下来按下图操作
进入“编辑设置”中，如下图，您必须要完成
- 在“访问权限”中加入您自己的Notion博客！！！
- 复制“内部集成密钥”，这个是
NOTION-TOKEN，下面要用！！！
- “功能”中的三个都给上
返回你的Notion页面，按下图操作来启用
3.配置GitHub Actions
目前，我已经提交了pr，以后可以在NotionNext主库中直接操作，现在没合并，只能先fork我的仓库了，然后按照下图操作打开Actions并配置准备好的
NOTION-TOKEN和DATABASE-ID
成品如下图
然后回到Actions页，手动运行一次试试看，应该是没问题的，Notion数据库中的数据会同步更改
在“Run Checks”步骤中，可以看到具体的更新情况
再实现功能1：自动化友链添加
在NoteForms中创建表格
打开以下站点，注册并登录
选择“Create a new form”，按下图操作
如果找不到，请按照网站的指引确定是否添加集成！！！
随后进入编辑页面，配置好的框体会自动加载出来，如下图
然后删除不需要收集的内容，上图中三个都不需要
再自己配置文案，这一步我帮不了大家了，只能放上我的来参考，链接如下
免费的存在一些限制，但足够用了，我的就是免费版的
配置好后右上角“Publish Form”，发布后可看到链接，将它embed到您的Notion友链页中，这样访客来的时候就可以填写提交啦，数据也会自动加入到刚才配置好的Notion数据库中。
个性化
您还可以加入您想收集的信息
在Notion数据库中加入对应的属性，就可以在NoteForms中看到，再配置即可
优化网页的显示
配置显示的内容
很多朋友在友链页不想显示那么多内容，或者想自定义显示的顺序，那么请按下图操作
在“属性是否可见”中，可自由选择显示的内容，并调整顺序，我自己比较喜欢的是一下的顺序，附上效果图
您也可以按需设置！
调整布局
在“布局”中，您也可以自行设置
本教程就结束啦~
有朋自远方来，不亦乐乎！
最后再推广一下我的友链~欢迎各位站长的加入~
- 作者:𝟞𝟙𝟡
- 链接:https://66619.eu.org/article/auto-links
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。
.png?table=block&id=24f4d291-ba2c-814e-b9a1-c0c1d14aa05b&t=24f4d291-ba2c-814e-b9a1-c0c1d14aa05b&width=1080&cache=v2)
.png?table=block&id=24f4d291-ba2c-8159-bb94-c96dd4c95394&t=24f4d291-ba2c-8159-bb94-c96dd4c95394)
