指南
Jekyll 联系表单（无需后端）
Jekyll 构建静态 HTML，这意味着 Jekyll 联系表单只是 Liquid 模板中的普通 HTML 表单。当后端在别处时，GitHub 的 Jekyll 允许列表就无关紧要 - 这是少有的开箱即用就能在 GitHub Pages 上工作的联系表单方案。
代码片段
contact.Jekyll
---
# _pages/contact.html
layout: default
permalink: /contact/
---
<form action="https://formhook.app/f/YOUR_API_KEY" method="POST">
<input type="email" name="email" placeholder="Email" required />
<textarea name="message" placeholder="Message" required></textarea>
<input type="text" name="_gotcha" tabindex="-1" autocomplete="off" hidden />
<input type="hidden" name="_redirect" value="{{ '/thanks' | relative_url }}" />
<button type="submit">Send</button>
</form>工作原理
代码片段使用 Jekyll 的 front matter 声明页面的 permalink 和 layout。表单本身是普通 HTML - Jekyll 只触及 {{ '/thanks' | relative_url }} 部分，它在构建时展开为应用了您 baseurl 的正确 URL。表单是从访问者的浏览器 POST 到 Formhook 的，因此 GitHub Pages 的构建沙盒与此无关。
之后会发生什么
- 提交一秒内出现在您的 Formhook 仪表盘中。
- 推送通知会在每个启用它的设备上触发。
- 从仪表盘直接回复（Pro 及以上）- 对那些没有其他邮件出口机制的 GitHub Pages 站点尤其方便。
今天就上线您的 Jekyll 联系表单。
免费注册、创建表单、粘贴 API 密钥。五分钟搞定。
免费开始免费层：5 个表单 · 每月 250 次提交 · 无需信用卡。
Jekyll 联系表单 - 常见问题
- 它能在使用默认 Jekyll 构建的 GitHub Pages 上工作吗？
- 可以。因为 Formhook 是后端，GitHub 的插件允许列表无关紧要 - 您只需要构建输出中的普通 HTML。
- 同一个 Jekyll 站点上可以有多个表单（例如联系和订阅）吗？
- 可以。为每个用例创建一个 Formhook 表单，把每个表单的 action 粘贴到对应模板。免费层涵盖五个表单。
- 如何在 GitHub Pages 站点上重定向到感谢页面？
- 包含一个隐藏的 _redirect 输入。对该值使用 Jekyll 的 relative_url 过滤器，让它与您的 baseurl 一起工作。目标 URL 必须在您表单的允许来源列表中。
其他框架的指南
Migrating from Formspree? See how Formhook compares.