更新记录：论坛首页 UI 与兼容性修复
更新日期：2026-05-25
一、更新概览
本次更新主要围绕论坛首页视觉改版、样式生效问题、模板缓存问题、页面宽度比例调整，以及 PHP 8 运行兼容性问题进行处理。
核心更新内容包括：
• 将论坛首页从原始列表布局改造成更接近现代社区动态流的三栏布局。
• 调整顶部导航栏为更清爽的浅色风格。
• 增加首页专属宽版容器，使大屏展示效果更接近参考图。
• 修复 CSS 文件因版本号固定导致浏览器缓存不更新的问题。
• 修复 Xiuno 模板编译缓存导致替换模板后页面无变化的问题。
• 修复 PHP 8 环境下旧函数和旧语法导致的致命错误。
• 增加帖子摘要输入、首页真实摘要展示、Markdown 编辑器和详情页 Markdown 渲染能力。
二、首页 UI 改版


1. 首页模板重构

修改文件：
• view/htm/index.htm
主要调整：
• 首页改为三栏结构：
• 左侧：发帖入口、首页入口、论坛版块导航。
• 中间：动态流标签、帖子卡片列表、分页区域。
• 右侧：社区热点、用户排行、论坛统计信息。
• 帖子列表不再直接使用默认列表样式，而是基于 $threadlist 自定义渲染为卡片式动态流。
• 每个帖子卡片展示：
• 用户头像。
• 用户名。
• 发布时间。
• 所属版块。
• 帖子标题。
• 最后参与信息。
• 浏览数、置顶状态、回复数。
• 保留了版主管理选择框相关逻辑，并继续引入 thread_list_mod.inc.htm。
• 增加悬浮发帖按钮，便于用户快速发布主题。
• 保留 Xiuno 原有 hook 位置，方便后续插件继续扩展。


2. 顶部导航栏调整

修改文件：
• view/htm/header_nav.inc.htm
主要调整：
• 顶部导航栏改为浅色风格。
• 为导航栏增加 bbs-topbar 类名，方便使用独立 CSS 控制样式。
• 品牌区域增加站点名称展示，使顶部区域更接近现代社区产品的导航结构。
三、CSS 样式更新
修改文件：
• view/css/bootstrap-bbs.css
主要新增和调整的样式范围：
• 页面整体背景色改为浅灰色，突出白色内容卡片层级。
• 新增 .bbs-topbar 顶部导航样式。
• 新增 .bbs-feed 首页布局样式。
• 新增 .bbs-feed-grid 三栏网格布局。
• 新增左侧导航、帖子卡片、右侧热点面板、排行面板、统计卡片等样式。
• 增加响应式适配：
• 中等屏幕下收窄左右栏。
• 小屏幕下改为单栏展示。
• 移动端隐藏部分侧边栏，保证主要内容优先展示。
• 增加大屏专属尺寸优化，使页面在宽屏显示器上更舒展。
大屏优化重点：