【个性化脚本】实现这种友链检活功能，并优化友链界面

[JIeJaitt]

为什么提出这个新的特性改动

目前的友联界面不好用

描述一下你推荐的解决方案

如这里所示，https://www.anzifan.com/friends
仓库地址：https://github.com/MannyCooper/anzifan.com

可以在其中参考源码

描述一下你考虑过的其它替代解决方案
暂无

补充说明
希望首先在next主题实现，因为我用的就是next主题哈哈哈

ps：他那里还有在代码块里面写html，css，js被识别为网页元素的特性，我觉得也非常有意思，大佬感兴趣可以看看。

[RylanBot]

对代码块自定义 html/css/js 比较感兴趣，个人尝试搞了一版，但是目前还有点 bug：

• 部分 js 执行失败
• css 渲染效果和本地不完全相同（一些居中问题） -> 已解决
• 原始代码偶尔移除失败 -> 已解决

参考代码： https://github.com/RylanBot/NotionNext/blob/main/components/PrismMac.js#L199

参考效果： https://rylan.cn/about

有感兴趣的伙伴可以考虑优化一下，我回头慢慢研究😢

[ChenyqThu]

感谢，参考你的，我也搞定了，居中失效是因为 外面套了一层 div的缘故，可以去掉，通过自己在notion code block中确保只有一个DOM（类似react的return约束）就好。
另外增加了外部js的引用，来避免跨域问题导致的js失效。
参考：https://chenge.ink/about https://chenge.ink/books

[RylanBot]

参考你的代码微调 CSS，可以居中了 🎉 JS 暂时没有太多需求，个人懒得搞了
（顺便提一句，借用了你主题的波浪效果，很好看，感谢）

[ChenyqThu]

哈哈，也感谢你的代码，已加友链～