HandsomeDocs

摘要框样式设置

配置组：style

摘要框样式设置用于控制文章摘要框在前台的布局、配色、密度、Logo 和经典主题细节。

UI 风格

配置项字段默认值说明
UI 风格uiStylesimple控制摘要框布局和视觉样式。

可选项：

选项值说明
经典样式classic使用完整主题配置，可自定义 Logo、背景、边框、阴影和字体。
内联摘要inline更轻量，适合文章正文内自然展示。
简约卡片simple默认推荐，适合大多数主题。

固定风格配置

当 uiStyle 为 inline 或 simple 时，可使用固定风格配置。

配置项字段默认值可选项
固定风格色调fixedTonevioletviolet 知性紫、graphite 石墨灰、copper 琥珀棕
固定风格密度fixedDensitycompactcompact 紧凑、comfortable 舒展

配置建议

  • 文字较密集的博客：使用 compact。
  • 设计感较强、留白较大的主题：使用 comfortable。
  • 如果主题色较强，优先选择与主题接近的 fixedTone。

经典样式配置

当 uiStyle 为 classic 时，可配置经典主题。

配置项字段默认值说明
主题选择themeNamecustom可选自定义、蓝色、默认、暗色、绿色。
Logo 图片logo/plugins/summaraidGPT/assets/static/icon.svg摘要框 Logo 图片路径。
背景色themeBg#f7f9fe支持纯色或 CSS 渐变。
主色调themeMain#4F8DFD用于边框和强调。
标题颜色themeTitle#3A5A8C标题文字颜色。
内容颜色themeContent#222摘要正文颜色。
AI 名称颜色themeGptName#7B88A8模型名称颜色。
内容背景色themeContentBg#fff内容区域背景色。
边框颜色themeBorder#e3e8f7摘要框边框颜色。
阴影效果themeShadow0 2px 12px 0 rgba(60,80,180,0.08)CSS 阴影值。
标签背景色themeTagBg#f0f4ff标签背景色。
标签文字颜色themeTagColor#4F8DFD标签文字颜色。
光标颜色themeCursor#4F8DFD打字机光标颜色。
内容字体大小themeContentFontSize16px摘要正文大小。

主题适配建议

简约博客

uiStyle = simple
fixedTone = graphite
fixedDensity = compact

内容型站点

uiStyle = inline
fixedTone = violet
fixedDensity = comfortable

高度自定义主题

uiStyle = classic
themeName = custom

然后按主题主色调整 themeMain、themeBorder、themeTagColor。

注意事项

  • inline 和 simple 不使用经典主题的颜色字段。
  • classic 且 themeName = custom 时，才会显示完整自定义颜色配置。
  • 如果摘要框不显示，请先检查 摘要设置 中的 enableUiInjection 是否开启。