快速入门

外观与语言

利用 35 款主题、浅色/深色自动检测和四种界面语言,让组件与你的网站融为一体。

在实时预览中试用

Site Console → 你的组件 → Install & Embed 提供实时预览。修改左侧的设置,预览和嵌入代码会同步更新:

  • Language(语言)
  • Preferred Light Theme 和 Preferred Dark Theme(首选浅色和深色主题)
  • Force a Theme(固定主题)
  • Watch Query Parameters 和 Watch URL Hash(请参阅安装)

满意后点击 Copy,替换页面中的嵌入代码。

这些设置保存在嵌入代码里,而不是你的账号中。要修改已上线的网站,请更新其页面中的嵌入代码。

自动切换浅色与深色

组件会检查它后面的背景色,即向上直到 <html> 为止最近的、有可见背景的元素。背景较浅时使用 light-theme,较深时使用 dark-theme。组件会持续检查,因此当网站在浅色和深色模式之间切换时,组件也会随之切换。

如果不设置这些属性,组件会使用名为 light 和 dark 的主题。要自选一对主题:

<crow-comments app-key="YOUR_APP_KEY" light-theme="winter" dark-theme="dracula"></crow-comments>

始终使用同一个主题

force-theme 无论背景如何都使用你指定的主题,并关闭自动检测:

<crow-comments app-key="YOUR_APP_KEY" force-theme="cupcake"></crow-comments>

主题列表

Install & Embed 中始终显示最新的主题列表和色板。目前共有 35 款:

light · acid · autumn · bumblebee · caramellatte · cmyk · corporate · cupcake · cyberpunk · emerald · fantasy · garden · lemonade · lofi · nord · pastel · retro · silk · valentine · winter · wireframe

语言

lang 用于设置组件界面的语言,包括按钮、标签和提示信息。

语言lang
English(默认)en
Españoles
Português (Brasil)pt-BR
Türkçetr

不设置 lang 时,组件使用英语,不会跟随读者浏览器的语言。多语言网站请根据每个页面的语言设置 lang。

评论始终按作者原文显示。AI 审核能读懂任何语言的评论,并记录检测到的语言。