Skip to content

Comment System ​

Firefly supports multiple comment systems including Twikoo, Waline, Giscus, Disqus, and Artalk.

Config File ​

src/config/commentConfig.ts

Basic Configuration ​

PropertyTypeDefaultDescription
typestring"none"Comment system: "none", "twikoo", "waline", "giscus", "disqus", "artalk"

Set type to the desired comment system name to enable it, or "none" to disable comments.

Twikoo ​

Twikoo is a simple, safe, free comment system for static sites.

PropertyTypeDefaultDescription
twikoo.envIdstring-Twikoo environment ID or backend URL
twikoo.langstring"zh-CN"Language
twikoo.visitorCountbooleantrueEnable visitor count
twikoo.jsUrlstringSee belowTwikoo JS file URL, supports CDN links
twikoo.cssUrlstring"/assets/css/twikoo-custom.css"Custom CSS file URL, empty to skip loading

CDN Recommendations ​

jsUrl supports the following CDN sources:

CDNURL
npm Mirror (China)https://registry.npmmirror.com/twikoo/1.7.9/files/dist/twikoo.min.js
zstatic (China)https://s4.zstatic.net/npm/twikoo@1.7.9/dist/twikoo.min.js
jsDelivr (Global)https://cdn.jsdelivr.net/npm/twikoo@1.7.9/dist/twikoo.min.js
ts
twikoo: {
  envId: "https://twikoo.vercel.app",
  lang: "zh-CN",
  visitorCount: true,
  jsUrl: "https://cdn.jsdelivr.net/npm/twikoo@1.7.9/dist/twikoo.min.js",
  cssUrl: "/assets/css/twikoo-custom.css",
},

Waline ​

Waline is a comment system derived from Valine with backend support.

PropertyTypeDefaultDescription
waline.serverURLstring-Waline backend URL
waline.langstring"zh-CN"Language
waline.emojistring[]-Custom emoji package URLs
waline.loginstring"enable"Login mode: "enable", "force", "disable"
waline.visitorCountbooleantrueEnable visitor count

Artalk ​

Artalk is a self-hosted comment system.

PropertyTypeDefaultDescription
artalk.serverstring-Artalk backend API URL
artalk.localestring"zh-CN"Language
artalk.visitorCountbooleantrueEnable visitor count

Giscus ​

Giscus is a comment system powered by GitHub Discussions.

PropertyTypeDescription
giscus.repostringGitHub repository (owner/repo)
giscus.repoIdstringRepository ID
giscus.categorystringDiscussion category name
giscus.categoryIdstringCategory ID
giscus.mappingstringMapping method (e.g., "title")
giscus.strictstringStrict mode
giscus.reactionsEnabledstringEnable reactions
giscus.emitMetadatastringEmit metadata
giscus.inputPositionstringInput position
giscus.langstringLanguage
giscus.loadingstringLoading method

TIP

Visit giscus.app to get your repository configuration parameters.

Disqus ​

Disqus is a third-party comment hosting platform.

PropertyTypeDescription
disqus.shortnamestringDisqus shortname