अपनी Eleventy (11ty) साइट में टिप्पणियाँ जोड़ें

अपने कोडिंग एजेंट को FastComments का वह संदर्भ दें जिसकी उसे आवश्यकता है - विजेट्स, कॉन्फ़िगरेशन, Secure SSO, REST API, और SDKs:

npx skills add fastcomments/skills

यह Claude Code, Codex, Cursor, Copilot, Gemini, और skills CLI द्वारा समर्थित हर अन्य एजेंट के साथ काम करता है।

npm install fastcomments-11ty

अपनी Eleventy कॉन्फ़िग (.eleventy.js या eleventy.config.js) में प्लगइन रजिस्टर करें:

const { fastcommentsPlugin } = require('fastcomments-11ty');

module.exports = function(eleventyConfig) {
    eleventyConfig.addPlugin(fastcommentsPlugin);
};

या ESM के साथ:

import { fastcommentsPlugin } from 'fastcomments-11ty';

export default function(eleventyConfig) {
    eleventyConfig.addPlugin(fastcommentsPlugin);
}

फिर अपने टेम्पलेट्स में शॉर्टकोड का उपयोग करें। Nunjucks (.njk) में:

{% fastcomments { tenantId: "demo" } %}

Liquid (.liquid) में:

{% fastcomments tenantId: "demo" %}

"demo" को अपनी FastComments टेनेंट ID से बदलें।

उदाहरण

{# Comment count inline with text #}
This page has {% fastcommentsCommentCount { tenantId: "demo" } %} comments.

{# Live chat #}
{% fastcommentsLiveChat { tenantId: "demo" } %}

{# Collab chat — target a content element by CSS selector #}
<article id="post-body">
  <p>Highlight me to leave a comment.</p>
</article>
{% fastcommentsCollabChat { tenantId: "demo", target: "#post-body" } %}

{# Image chat — target an image element by CSS selector #}
<img id="hero" src="/hero.jpg" alt="Hero image" />
{% fastcommentsImageChat { tenantId: "demo", target: "#hero" } %}

{# Reviews summary #}
{% fastcommentsReviewsSummary { tenantId: "demo" } %}

{# User activity feed #}
{% fastcommentsUserActivityFeed { tenantId: "demo", userId: "demo:demo-user" } %}

eleventyConfig.addPlugin(fastcommentsPlugin, {
    // केवल शॉर्टकोड का एक सबसेट रजिस्टर करें:
    shortcodes: ['fastcomments', 'fastcommentsCommentCount'],
    // प्रत्येक रजिस्टर किए गए शॉर्टकोड नाम में एक प्रीफ़िक्स जोड़ें (जैसे "fc" -> "fcFastcomments"):
    prefix: 'fc'
});

प्रत्येक शॉर्टकोड को एक स्टैंडअलोन फ़ंक्शन के रूप में भी एक्सपोर्ट किया जाता है जो HTML स्ट्रिंग लौटाता है:

const { fastcomments, commentCount } = require('fastcomments-11ty');

eleventyConfig.addShortcode('comments', fastcomments);
eleventyConfig.addShortcode('commentCount', commentCount);

example/ डायरेक्टरी में एक कार्यशील डेमो शामिल है:

cd example && npm install && npm start

• FastComments दस्तावेज़ीकरण
• कस्टमाइज़ेशन और कॉन्फ़िगरेशन
• Eleventy दस्तावेज़ीकरण

ये कंपोनेंट्स हमारे कोर VanillaJS कंपोनेंट्स के रैपर हैं। हम इन कंपोनेंट्स को स्वचालित रूप से अपडेट कर सकते हैं (बग ठीक करना, फीचर्स जोड़ना) बिना इस लाइब्रेरी को प्रकाशित किए, इसलिए भले ही यह कुछ समय तक प्रकाशित न हो, इसका मतलब यह नहीं है कि FastComments सक्रिय विकास में नहीं है! अपडेट के लिए हमारे ब्लॉग को देखने के लिए स्वतंत्र महसूस करें। अंतर्निहित कोर लाइब्रेरी में ब्रेकिंग API बदलाव या फीचर्स कभी भी इस लाइब्रेरी में वर्जन बंप किए बिना शिप नहीं किए जाएंगे।