船说 CMS 阅读页背景色在哪里设置

学完这篇，你能在船说CMS后台或模板文件里准确找到阅读页背景色的设置位置，并把它改成自己想要的颜色。

第一步：先判断后台有没有现成的阅读页设置

这一步要确认你的船说CMS版本是否自带可视化设置，有的话不用改代码。登录后台，地址通常是 https://你的域名/admin.php；如果你的站改过后台目录，就换成 /admin/。登录后看左侧菜单，依次找 界面 → 阅读设置，或者 系统 → 模板设置 → 阅读页设置。如果看到“阅读背景色”“正文背景色”“页面背景”这类输入框，直接填色值，例如 #F7F7F7，点“保存”即可。

注意：后台这个选项通常只对默认模板生效。如果你换过模板，里面可能没有这项，或者保存后没变化，就要继续看下面的模板改法。

第二步：找到阅读页模板文件

这一步要定位到阅读页对应的 HTML 文件，因为背景色最终写在这里或它引用的 CSS 里。进入后台 系统 → 模板管理 → 模板文件，选择你正在用的 PC 模板，常见目录名是 default。在里面找阅读页文件，常见文件名是：

• read.html
• book/read.html
• chapter.html
• show.html

如果后台模板管理不好用，就用 FTP 或宝塔面板进网站根目录，打开 /template/default/read.html。打开后按 Ctrl+F 搜索 body、read-content、chapter-content、content，看哪个标签或 class 控制阅读区。

第三步：改内联样式

这一步适合背景色直接写在 HTML 标签上的情况，改完保存就能看到效果。比如代码里有：

<body style="background:#ffffff">

或者：

<div class="read-box" style="background:#ffffff">

把 #ffffff 改成你要的颜色，例如 #f2f2f2、#e8e8e8，保存文件。刷新阅读页，背景色就会变。

注意：内联样式优先级很高，如果这里已经写了背景色，再去 CSS 里改同一条可能不生效，先检查有没有 style="background..."。

第四步：改 CSS 文件

这一步适合模板用 class 控制背景色的情况。常见 CSS 路径是 /static/css/read.css，或者 /template/default/css/style.css。打开后搜索 .read-content、.chapter-content、#content、body。

如果只想改阅读正文区域，加：

.read-content {
    background-color: #ffffff;
}

如果想改整个阅读页背景，加：

body {
    background-color: #f2f2f2;
}

保存后如果没变化，可以加 !important，例如：

body {
    background-color: #f2f2f2 !important;
}

第五步：移动端阅读页要单独改

这一步很多人会漏，因为手机端和 PC 端模板通常不是同一套。移动端模板常见路径是 /template/wap/read.html，CSS 常见在 /static/wap/css/read.css，或者 /template/mobile/ 下面。改法和 PC 端一样：找 body 或 .read-content，再改 background-color。

注意：有些船说CMS手机端阅读页背景写在 chapter.html 里，不在 read.html，搜不到就搜 chapter。

第六步：清缓存并验证

这一步确保你看到的是新样式。回到后台，进入 系统 → 缓存管理，点“清除全部缓存”。然后浏览器按 Ctrl+F5 强制刷新；手机端用无痕窗口打开。如果还不变，按 F12 打开开发者工具，用左上角箭头点阅读区，看右侧 Styles 里最终生效的是哪条 CSS。

注意：如果网站开了 CDN，例如宝塔 CDN、Cloudflare，还要在 CDN 后台刷新缓存，否则源站改了前端仍是旧文件。

小结

• 先找后台 界面 → 阅读设置 或 系统 → 模板设置，有“阅读背景色”就直接填色值。
• 没有后台选项，就改模板文件 /template/default/read.html。
• 颜色通常在 CSS 的 body、.read-content、.chapter-content 里。
• PC 端和移动端要分开改，移动端看 /template/wap/。
• 改完必须清后台缓存，浏览器 Ctrl+F5，开了 CDN 还要刷 CDN。