跳转到内容
TubePress — 免费、自托管 & 持续维护
外观与主题

外观与品牌

徽标、网站图标、配色、深色模式、背景,以及精细的卡片与观看页面控制选项。

外观页面位于 /admin/appearance,是无需编写代码的控制中心。此处的所有设置均可重新定制当前主题的样式——包括标志、颜色、深色模式、布局,以及视频卡片和播放页面上的详细内容——无需修改任何文件。更改会保存为设置,并在渲染时由主题读取,因此您可以自由尝试并随时撤销。

该页面顶部分为多个子选项卡。本页面将逐一介绍每个分组。如果您希望直接修改标记本身,请使用主题功能;以下值以 $_ 为前缀的变量形式提供给模板代码,完整说明请参阅主题 API 参考

品牌设置

打开 外观 → 品牌设置 来配置您的品牌标识。您可以分别为浅色和深色主题上传不同的标志——两者均留空则以纯文字显示站点名称,若仅提供浅色标志,深色标志将自动使用其反色版本。网站图标(正方形,至少 32×32px)将显示在浏览器标签页中。

所有品牌文件存储在 /uploads/branding/ 目录下。还支持站点背景图片,显示模式可选 covercontainrepeat;主题通过 $_siteBackground$_siteBackgroundMode 读取这些值。您还可以调整桌面端(默认 36px)和移动端(默认 28px)的标志高度,并实时预览效果。

使用透明 PNG 或 SVG。 背景透明的标志可在浅色和深色页头上清晰显示。每个文件大小请控制在 5 MB 以内。

颜色与深色模式

外观 → 颜色 下,您可通过带透明度选项的颜色选择器设置两套调色板——一套用于浅色主题,一套用于深色主题。每项覆盖都会编译为 CSS 自定义属性,并以 $_colorOverrides <style> 块的形式注入,少量值即可贯穿整个主题。每套调色板均包含相同的八个角色:

主色
按钮、链接和激活状态的强调色,默认在两套主题间共享。
背景色
页面背景颜色。
表面色
侧边栏、区块背景及输入框颜色。
卡片色
视频卡片、评论及内容块颜色。
深色背景
页脚、遮罩层及占位符颜色。
正文色 / 辅助文字色
正文文字以及较淡的元信息、链接和占位文字颜色。
边框色
分隔线和卡片边框颜色。

同一页面还包含深色模式控制选项。主开关用户切换决定访客是否可在页头看到浅色/深色切换按钮,默认值可设为 浅色深色,决定访客首次看到的主题。若关闭用户切换,站点将始终使用您选择的默认主题,未使用的调色板将显示为灰色。

布局

外观 → 布局 控制网格的尺寸。主要选项为每行视频数——可选 456(默认 5),以 $_videosPerRow 形式提供给模板。选项卡区块还允许您分别为视频、分类、成人演员和频道设置每页数量默认排序站点尺寸区块用于设置整体最大宽度(默认 1800px)和页面内边距。

趋势排序需要 CTR 插件。 趋势默认排序选项在启用点击率排名之前将保持锁定状态。请参阅 CTR 排名

视频卡片选项

外观 → 视频卡片 下,您可以精细调整列表中每个缩略图的样式,并通过固定的实时预览区域查看每项控制变更的效果。

选项变量功能说明
显示时长标签$_cardShowDuration缩略图右下角的时长标签。
显示标题$_cardShowTitle缩略图下方的视频标题。
标题行数$_cardTitleLines将标题限制为 12 行。
左侧 / 右侧元信息$_cardMetaLeft / $_cardMetaRight选择每侧显示的内容:viewslikestime(发布时间)或 none
网格间距$_cardGridGap卡片之间的间距,0–30px。
圆角半径$_cardBorderRadius圆角大小,0–24px。
悬停缩放$_cardThumbnailHover鼠标悬停时放大缩略图。

这些选项与下方的播放页面设置保持联动。若您在播放页面隐藏时长或某个元信息,对应的卡片选项将自动禁用,以确保两者保持一致。

播放页面选项

播放页面子选项卡决定播放器周围显示的内容。每个选项均为独立开关;无数据的区块无论如何都会自动隐藏。

  • 视频信息播放量时长发布日期点赞 / 踩 以及收藏按钮。
  • 视频详情演员频道分类标签
  • 评论 — 全站开启或关闭评论功能($_commentsEnabled)。请参阅评论

同一页面还可配置播放器(默认画质、播放速度、下载按钮、循环播放和双击全屏)以及侧边栏中相关视频的数量。这些设置对应主题 API 中的 $_watchShow* 变量。

导航与搜索

菜单子选项卡用于构建页头导航。开启或关闭搜索栏$_menuSearch),然后从内置目标或自定义链接中组建菜单。每个菜单项($_menuItems)包含 labelurlenabled 标志以及可选的 templates 列表,以便链接仅在特定页面类型上显示。当您发布多种语言时,语言切换器将自动出现。

有关为菜单和页脚提供内容的静态页面,请参阅页面与菜单

后续步骤

还有疑问?

从您的控制面板提交工单,我们的团队将为您提供帮助。

体验在线演示 → 下载 TubePress →