我们可以将邮件地址放在 社交链接上,以便读者联系我们。但不幸的是,邮件或多或少会被当成垃圾邮件,甚至被过滤。因此我们带来了一个联系表单的功能。
前置条件
我们需要在 content
目录创建一个名为 contact/index.md
的页面,以至于我们可以访问联系表单页面。
1+++
2title = "Contact Us"
3layout = "contact"
4+++
一旦创建,链接将出现在简介小部件中。
参数
名称 | 类型 | 默认值 | 说明 |
---|---|---|---|
contact | Object | - | |
contact.endpoint | String | - | 请参阅 后端。 |
contact.file | Boolean | false | 开启/禁用文件上传。 |
contact.fileField | String | - | 文件字段名称。 |
contact.reCaptcha | Object | - | Google reCAPTCHA |
contact.reCaptcha.siteKey | String | - |
后端
其被设计成可以兼容大部分后端,比如:Netlify form、Getform 和 Formspree,以及 Formailer。
Netlify
Netlify form 可开箱即用,因此,你无需指定 contact.endpoint
参数。
演示站点使用 Getform 而不是 Netlify form,因为当你超过当前套餐限定时, Netlify 会自动升级你的套餐,这会导致额外的支出。
如果你打算使用 Netlify form,请确保
contact.endpoint
参数为空。
Formailer
Formailer is supported with a contact form hook to inject a missing input to the form.
See also Google Cloud Functions example upstream.
其他
我们以 Getform 为例:
1[contact]
2 endpoint = "YOUR_ENDPOINT"
reCAPTCHA
除了需要设置 contact.reCaptcha.siteKey
参数外,你还需要根据后端进行额外的操作:
评论