表单集成

使用各种表单后端服务收集用户数据。

Formspree

处理表单提交最简单的方式:

1
2
3
4
# hugo.toml
[params.forms]
  provider = "formspree"
  formspreeId = "xyzabcde"

然后使用联系表单短代码:

1
{{< contact-form >}}

Netlify Forms

如果托管在Netlify上,表单会自动工作:

1
2
[params.forms]
  provider = "netlify"

在表单中添加netlify属性:

1
2
3
<form name="contact" method="POST" data-netlify="true">
  <!-- 表单字段 -->
</form>

自定义Webhook

将表单数据发送到您自己的后端:

1
2
3
[params.forms]
  provider = "webhook"
  webhookUrl = "https://api.yoursite.com/forms"

垃圾邮件防护

启用reCAPTCHA或蜜罐字段:

1
2
3
[params.forms]
  honeypot = true
  recaptchaSiteKey = "your-site-key"