友链提交审核系统
友链提交与审核管理
在任何网站嵌入表单,接收友链申请。审核通过后自动推送到 GitHub 仓库。
接收提交
在任何网站嵌入表单,访客可直接提交友链申请。
审核管理
后台管理面板,轻松审核待处理的友链申请。
自动推送
审核通过后自动将友链数据推送到你的 GitHub 仓库。
嵌入表单
将友链提交表单嵌入到任意网站,支持多种方式。
Iframe 嵌入
<iframe src="https://你的域名.vercel.app/embed" width="100%" height="520" style="border:none;border-radius:8px;max-width:480px;margin:0 auto;display:block;"></iframe>
JS
Script 嵌入<script src="https://你的域名.vercel.app/embed.js"></script>
自包含 HTML
适合任何静态站点,直接 POST 到 API:
<form id="fl-f">
<input id="fl-name" required placeholder="站点名称">
<input id="fl-url" type="url" required placeholder="https://example.com">
<input id="fl-desc" placeholder="站点描述">
<input id="fl-avatar" type="url" placeholder="头像">
<input id="fl-email" type="email" required placeholder="邮箱">
<button type="submit">提交</button>
</form>
<script>
document.getElementById('fl-f').addEventListener('submit', function(e) {
e.preventDefault();
fetch('https://你的域名.vercel.app/api/submissions', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify({
name: document.getElementById('fl-name').value,
url: document.getElementById('fl-url').value,
description: document.getElementById('fl-desc').value,
avatar: document.getElementById('fl-avatar').value,
email: document.getElementById('fl-email').value,
type: 'apply',
})
});
});
</script>Butterfly 主题
Hexo + Butterfly 友链页嵌入,详情查看 README:
<iframe src="https://你的域名.vercel.app/embed" width="100%" height="520" style="border:none;border-radius:8px;"> </iframe>
表单预览