跳转到内容
Clevera Help Center

自定义文档站点的外观

设置文档站点的徽标、网站图标、品牌色、字体、圆角、默认主题和主页页眉,并选择是否显示“Powered by Clevera”徽标。在保存和发布之前,你可以预览每一项更改。

更新于 阅读需 3 分钟

外观控制着读者看到的文档站点样式:徽标和网站图标、品牌色、字体、圆角形状、默认浅色或深色主题以及主页页眉。你所做的每一项更改都会在实时预览中显示,并在下次发布时生效。

开始之前

  • 所有者、管理员和编辑可以更改外观。其他人会看到“只有管理员和编辑可以更改站点外观”。
  • 已暂停的站点为只读状态:“此站点已暂停。请恢复它以更改外观。”
  • 站点名称是在设置 → 常规中设置的,而不是在这里。

更改外观

  1. 打开外观

    打开你的文档站点,前往站点下的外观。表单位于左侧,实时预览位于右侧。在窄窗口中,点击预览以将其打开。

    外观屏幕:左侧为徽标槽、网站图标和品牌色,右侧为 Acme Help 主页的实时预览
    带有实时预览的外观屏幕
  2. 进行更改

    按顺序完成以下各节。预览会随着你的输入而更新。

  3. 检查预览

    在桌面端和手机、浅色和深色模式之间,以及主页和文章页面之间切换预览。

  4. 保存并发布

    栏中会显示有未保存的更改,并提供放弃和保存选项。点击保存,然后发布站点以使新外观生效。如果启用了自动发布,它会在几分钟后自动生效。

如果你在有未保存更改的情况下离开页面,Clevera 会在丢失更改前询问你。

徽标和网站图标

“PNG、JPG、WebP 或 SVG 格式,最大 2 MB。”

插槽 用途 为空时
浅色背景 浅色模式下页眉中的徽标 站点名称以文本形式显示(“站点名称作为文本”)
深色背景 深色模式下的徽标 “使用浅色徽标”
网站图标 浏览器标签页中的小图标 “来自你的徽标”

每个插槽都有上传、替换和移除功能。“如果你跳过深色徽标,我们会在深色背景上使用浅色徽标。除非你上传一个,否则网站图标将来自你的徽标。”

颜色

“用于按钮、链接和高亮显示的一种品牌色。”

  • 点击 8 个色板中的一个,或使用颜色选择器以十六进制值(例如 #2563eb)“选取或粘贴任何颜色”。默认值为 #4f46e5。
  • 开启设置深色模式颜色以选择在深色背景上使用的颜色。关闭时:“否则,我们会调亮你的颜色以适应深色背景。”派生颜色显示为自动及其十六进制值。
  • 下方的对比度说明会检查你的链接。“链接在浅色和深色背景上均清晰易读。”表示没问题;“链接可能难以阅读。我们将稍微调暗它们。”表示站点会为了可读性调整链接颜色。

排版

“适用于所有语言的流行搭配,或任何 Google 字体。”

搭配 标题 正文
Inter (默认) Inter Inter
Geist Geist Geist
Manrope Manrope Manrope
Plus Jakarta Sans Plus Jakarta Sans Plus Jakarta Sans
DM Sans DM Sans DM Sans
IBM Plex Sans IBM Plex Sans IBM Plex Sans
Space Grotesk + Inter Space Grotesk Inter
Source Serif + Sans Source Serif 4 Source Sans 3

如需其他字体,请点击更多字体…并为标题、正文或两者选择任何 Google 字体。列表以最流行的字体开头;输入名称即可搜索。每种字体都会显示其样式:无衬线体、衬线体、显示、手写体或单声道。

“任何 Google 字体。我们将其与你的站点托管在一起,因此读者无需从 Google 加载。缺少该字体的语言将使用搭配字体。”因此,如果你的字体没有日文字符,日文页面将回退到你选择的搭配字体。

形状和主题

设置 选项 默认
圆角 锐利、柔和、圆角:按钮、卡片和框的圆角程度 柔和
默认主题 系统(跟随读者的设备)、浅色、深色。“读者可以在页眉中切换。” 系统

主页页眉

主页设置“你站点首页的顶部。”

字段 用途 默认
标题 大标题,最多 120 个字符 你的站点名称
副标题 下方的行,最多 300 个字符 空
搜索框 标题下方的搜索框 开
背景 位于“标题和搜索框后面”的内容 渐变 (柔和光晕)

标题和副标题可以因语言而异:打开字段下方的其他语言,或点击翻译为所有语言以免费填充缺失的语言。空的语言将显示默认语言的文本。

背景

“文本颜色会自动调整以保持可读性,适用于浅色和深色模式。”对比度读数(如“标题对比度 · 浅色 7.1:1 · 深色 9.4:1”)显示了标题的易读程度。

选项 选择
普通 标题后面没有颜色、渐变或图像
颜色 色调或阴影“根据你的品牌色建议,或自行选择”:浅色调、亮色调、柔和色调、品牌色、深色阴影、墨色、纸张色、炭灰色
渐变 柔和光晕、冲刷、极光、日出、品牌、午夜、薄雾、沙色、石墨色
图像 绘制的图案(波浪、网格、圆点、蓝图、等高线、圆环、线条、星座)或你自己的图像

图案遵循你的品牌色,适用于所有套餐。你自己的图像需要 Starter 或更高版本:“PNG、JPG 或 WebP 格式,最大 8 MB。宽图像效果最好;我们会为读者调整大小并压缩。”它“显示在图案位置,并经过调暗处理以便标题清晰可见。”

徽标

**显示“Powered by Clevera”**会在页脚添加“一个小徽标。”

套餐 徽标
免费 始终显示;开关已锁定
Starter、Pro、Business、Custom 默认开启;可关闭以隐藏它

各套餐包含的内容

选项 免费 Starter 及以上
徽标、网站图标、颜色、字体、圆角、主题 是 是
主页背景:普通、颜色、渐变、图案 是 是
主页背景:你自己的图像 否 是
隐藏徽标 否 是

查看文档站点套餐和限制了解其他所有信息。

故障排除

你看到 解决方法
“该图像超过 2 MB。” 减小徽标大小或将其保存为 WebP 或 SVG。主页图像最大可达 8 MB。
“请使用 PNG、JPG、WebP 或 SVG 图像。” 徽标和网站图标仅支持这些类型。主页图像支持 PNG、JPG 或 WebP。
“无法使用此图像。请尝试 PNG 或 JPG。” 无法读取文件。请重新导出为 PNG 或 JPG。
“图像上传失败。请重试。” 上传中断。请重试。
“无法保存外观。请重试。” 未保存任何内容。检查所有标红的字段,然后再次点击保存。
“字体列表加载失败。” 点击重试。你当前的字体将保持不变。
实时站点看起来还是旧的 保存不等于发布。点击站点顶部的发布。