外观与语言
在实时预览中试用
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
dark · abyss · aqua · black · business · coffee · dim · dracula · forest · halloween · luxury · night · sunset · synthwave
语言
lang 用于设置组件界面的语言,包括按钮、标签和提示信息。
| 语言 | lang |
|---|---|
| English(默认) | en |
| Español | es |
| Português (Brasil) | pt-BR |
| Türkçe | tr |
不设置 lang 时,组件使用英语,不会跟随读者浏览器的语言。多语言网站请根据每个页面的语言设置 lang。
评论始终按作者原文显示。AI 审核能读懂任何语言的评论,并记录检测到的语言。