表单集成

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

Formspree

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

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

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

1
{{< contact-form >}}

如果托管在Netlify上，表单会自动工作：

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

在表单中添加netlify属性：

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

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

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"