GitHub Pages पर Jekyll संपर्क फ़ॉर्म

Formgong team ·

GitHub Pages पर Jekyll संपर्क फ़ॉर्म सादा HTML है। GitHub सुरक्षित मोड लगाता है, इसलिए असमर्थित प्लगइन नहीं बनता। फ़ॉर्म को Liquid include में रखें और Formgong को भेजें। संदेश ईमेल और Telegram पर आते हैं, और साइट स्थिर रहती है। प्लगइन की ज़रूरत नहीं।

Jekyll
<form action="https://formgong.com/submit" method="POST">
  <input type="hidden" name="access_key" value="fk_your_access_key">
  <input type="hidden" name="_lang" value="hi">
  <label>नाम <input type="text" name="name" autocomplete="name" placeholder="आपका नाम" required></label>
  <label>ईमेल <input type="email" name="email" autocomplete="email" placeholder="you@example.com" required></label>
  <label>संदेश <textarea name="message" placeholder="हम आपकी कैसे मदद कर सकते हैं?" required></textarea></label>
  <div aria-hidden="true" style="position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)">
  <label>इस फ़ील्ड को खाली छोड़ें<input type="text" name="botcheck" tabindex="-1" autocomplete="off"></label>
</div>
  
  <button type="submit">भेजें</button>
</form>

Jekyll में फ़ॉर्म कैसे काम करते हैं

Jekyll, Markdown और HTML को स्थिर साइट बनाता है। GitHub Pages आम होस्ट है और Jekyll आपके लिए चलाता है। फ़ॉर्म के POST का इंतज़ार करने वाला सर्वर नहीं है।

GitHub Pages, Jekyll कॉन्फ़िग में safe: true लॉक करता है। असमर्थित gem कभी नहीं चलती। _includes/contact-form.html में फ़ॉर्म काफी है, क्योंकि ब्राउज़र HTML भेजता है।

Jekyll में सेटअप

  1. Formgong में फ़ॉर्म बनाएँ और पहुँच कुंजी कॉपी करें।
  2. include जोड़ें। action को https://formgong.com/submit पर रखें और access_key, _lang तथा botcheck सेट करें।
  3. संपर्क पेज पर front matter और {% include contact-form.html %} जोड़ें। प्रोजेक्ट साइट पर _redirect को {{ site.url }}{{ site.baseurl }}/thanks/ रखें।
  4. फ़ॉर्म gem न जोड़ें। GitHub Pages safe: true रखता है और असमर्थित प्लगइन नहीं बनाता।
  5. रिपो पुश करें। GitHub JEKYLL_ENV को production करता है। लाइव github.io पते पर जाँच भेजें।

Formgong या Jekyll प्लगइन?

स्थानीय प्लगइन तब मदद करता है जब आप साइट खुद बनाते हैं और बिल्ड पर Ruby चाहिए।

GitHub Pages पर असमर्थित प्लगइन नहीं चलते। Formgong को भेजा HTML पुश के बाद भी चलता है।

सवाल और जवाब

क्या यह GitHub Pages पर चलता है?

हाँ। फ़ॉर्म HTML है। GitHub Pages को केवल फ़ाइल परोसनी है। अपनी gem की ज़रूरत नहीं।

क्या कुंजी कॉन्फ़िग में रख सकता हूँ?

हाँ। उसे _config.yml में रखें और include में छापें। कुंजी सार्वजनिक है। वहाँ मेल पासवर्ड न रखें।

प्रोजेक्ट साइट पर धन्यवाद लिंक क्यों टूटता है?

प्रोजेक्ट साइटें उप-पथ पर रहती हैं। _redirect को site.baseurl से बनाएँ, वरना ब्राउज़र गायब पेज खोलता है।

क्या लैपटॉप पर github-pages gem चाहिए?

केवल तब जब स्थानीय प्लगइन सेट वही हो। फ़ॉर्म को उसकी ज़रूरत नहीं। HTML पुश करें और लाइव URL जाँचें।

मुफ़्त शुरू करें