我們可以將郵寄地址放在 社交連結上,以便讀者聯繫我們。 但不幸的是,郵件或多或少會被當成垃圾郵件,甚至被過濾。 因此我們帶來了一個聯系表單的功能。

前置條件

我們需要在 content 目錄創建一個名為 contact/index.md 的頁面,以至於我們可以訪問聯系表單頁面。

1+++
2title = "Contact Us"
3layout = "contact"
4+++

一旦創建,連結將出現在簡介小部件中。

參數

名稱類型默認值說明
contactObject-
contact.endpointString-請參閱 後端
contact.fileBooleanfalse開啟/禁用文件上傳。
contact.fileFieldString-文件字段名稱。
contact.reCaptchaObject-Google reCAPTCHA
contact.reCaptcha.siteKeyString-

後端

其被設計成可以相容大部分後端,比如:Netlify formGetformFormspree,以及 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 參數外,你還需要根據後端進行額外的操作: