简介

先看看效果

这是我自己博客友链页的施工结果，来访的站长友友先尝试去加一个试试~

这个是notion内数据库的效果

<aside> 💡

我实现的效果：

1.通过NoteForms建立表格自动收集友链相关信息，信息会实时加入Notion内数据库，前端的画廊即可做到即时查看（但自己的域名前端基本都有缓存，所以还是不那么及时，但无需手动添加）

2.通过GitHub Actions检测站点在线状态，测试前端打开时间，并回传Notion，更新Status属性和检测时间，实现每天多次自动检测站点在线状态并展示

3.新支持了通过GitHub Actions将博主提交的头像链接和截图链接直接传回Notion数据库，基本上彻底解放双手！

4.可扩展：比如我设置了友链收集，友链的站长提交后，ta站点的友链链接会保存至数据库中，方便直接访问。同时可以自行设置收集更多信息来实现自动化…..

</aside>

<aside> 📢

Todo：

1.自动获取站点图标和截图（问题是Notion貌似没有文件上传的接口，所以得调用s3或者oss来存储图片，回传链接，短期内不考虑）

2.欢迎大家提出新功能需求，我会想办法继续实现！

</aside>

教程部分

<aside> 💡

整个教程无需任何开发经验，只需要能顺利使用Github和Notion即可完成，我的实现过程和NotionNext项目一样简介方便，对我这样的小白用户十分友好！

</aside>

在一切开始之前，你需要正确配置NotionNext，确保原版友链页可以正常显示在你的博客中

这里再附一份原作者tangly的官方教程，请按步骤操作

<aside> 💡

我强烈建议在下图的这个文件中将“画廊视图禁止点击”设置为true，这样可以防止误点而引入404页面（我已经和这个feature一起提交pr，以后可能默认就是ture啦~）

</aside>