网站构架、部署和布局规则文档

文档版本：v1.0
创建时间：2026-04-04 11:16
创建人：王子
审核人：陛下

📁 一、网站构架

1.1 文件结构

/var/www/hugo.princewill.cn/
├── index.html                    # 网站首页
├── css/                          # 样式文件
│   ├── style.css                 # 主样式文件
│   ├── layout.css                # 布局样式文件
│   └── optimized_stats.css       # 访问统计样式
├── images/                       # 图片资源
│   ├── website_logo_new.jpg      # 网站LOGO
│   └── novels/                   # 小说配图目录
│       ├── ta-butudu-du-prologue-featured.jpg
│       └── ta-butudu-du-chapter1-featured.webp
├── posts/                        # 文章目录
│   ├── ta-butudu-du-prologue/    # 楔子文章
│   │   └── index.html
│   └── ta-butudu-du-volume1-chapter1/  # 第一章文章
│       └── index.html
├── categories/                   # 分类页面
│   └── 尘世清文/
│       └── index.html
├── tags/                         # 标签页面
├── pages/                        # 静态页面
│   ├── contact/                  # 联系我们
│   └── privacy/                  # 隐私政策
└── archives/                     # 归档页面

1.2 技术栈

前端：HTML5 + CSS3（无JavaScript框架）
服务器：Nginx 1.24.0 (Ubuntu)
域名：hugo.princewill.cn / 211.159.153.46
SSL：HTTPS自动重定向
编码：UTF-8，中文简体

1.3 核心组件

网站头部 (site-header)
- LOGO区域
- 网站标题和描述
- 联系方式和隐私政策链接
左侧边栏 (left-sidebar)
- 网站版块导航（尘世清文、拾光留心、光影风华、寻心问道）
- 社交媒体链接（微博、知乎、豆瓣）
中间内容区 (main-content)
- 首页：所有文章时间线
- 文章页：完整文章内容
- 分类页：分类文章列表
右侧边栏 (right-sidebar)
- 搜索功能
- 最新更新列表（最近5篇文章）
- 访问统计

🚀 二、部署规则

2.1 发布流程

1. 内容准备 → 2. 本地测试 → 3. 文件上传 → 4. 权限设置 → 5. 访问验证

2.2 文件上传规范

HTML文件位置：/var/www/hugo.princewill.cn/posts/文章目录/index.html
图片文件位置：/var/www/hugo.princewill.cn/images/novels/
文件命名规则：
- 文章目录：ta-butudu-du-volume1-chapter1（小写，连字符）
- 图片文件：ta-butudu-du-chapter1-featured.webp（描述性名称）
文件权限：www-data:www-data（Nginx用户）

2.3 备份策略

自动备份：重要修改前自动备份原文件
备份命名：原文件名.backup_YYYYMMDD_HHMMSS
备份位置：原文件同目录
恢复流程：手动替换备份文件

2.4 更新机制

内容更新：直接修改HTML文件
样式更新：修改CSS文件，全局生效
结构更新：需测试所有相关页面
Nginx配置：修改后需nginx -t测试，systemctl reload nginx

2.5 访问验证

HTTP状态：curl -I检查200状态
内容验证：curl -s检查关键内容
链接验证：检查所有内部链接
样式验证：检查CSS加载

🎨 三、布局规则

3.1 页面结构模板

<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>页面标题 | 清叙·拾光·寻心·问道</title>
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="/css/layout.css">
    <meta name="description" content="页面描述">
    <meta name="keywords" content="关键词1,关键词2,关键词3">
</head>
<body>
    <header class="site-header">
        <!-- 网站头部 -->
    </header>
    
    <div class="main-container">
        <aside class="left-sidebar">
            <!-- 左侧边栏 -->
        </aside>
        
        <main class="main-content">
            <!-- 主要内容区 -->
        </main>
        
        <aside class="right-sidebar">
            <!-- 右侧边栏 -->
        </aside>
    </div>
</body>
</html>

3.2 文章页面结构

<article class="page-content">
    <header class="page-header">
        <h1 class="page-title">文章标题</h1>
        <div class="page-meta">
            <time datetime="YYYY-MM-DDTHH:MM:SS+08:00">发布时间</time>
            <span class="page-category">
                <a href="/categories/分类/" class="category-link">分类名称</a>
            </span>
        </div>
    </header>
    
    <div class="featured-image">
        <img src="/images/novels/配图文件" alt="图片描述" class="article-featured-img">
    </div>
    
    <div class="page-body">
        <p class="lead-paragraph">第一段内容...</p>
        <p>后续段落内容...</p>
        
        <div class="series-info">
            <h3 class="series-title">📚 系列信息</h3>
            <div class="series-details">
                <div class="series-item">
                    <span class="series-label">作品类型：</span>
                    <span class="series-value">类型</span>
                </div>
                <!-- 更多系列信息 -->
            </div>
        </div>
        
        <div class="author-note">
            <h3 class="note-title">✍️ 作者的话</h3>
            <p>作者说明文字...</p>
        </div>
    </div>
    
    <footer class="page-footer">
        <div class="page-tags">
            <a href="/tags/标签1/" class="tag">标签1</a>
            <a href="/tags/标签2/" class="tag">标签2</a>
        </div>
    </footer>
</article>

3.3 首页文章摘要结构

<article class="timeline-article">
    <div class="article-header">
        <div class="article-meta">
            <span class="article-date">YYYY-MM-DD</span>
            <span class="article-category">
                <a href="/categories/分类/">分类名称</a>
            </span>
        </div>
        <h2 class="article-title">
            <a href="/posts/文章路径/">文章标题</a>
        </h2>
    </div>
    <div class="article-excerpt">
        <p class="excerpt-paragraph">摘要内容第一段...</p>
        <p class="excerpt-paragraph">摘要内容第二段...</p>
    </div>
    <div class="article-actions">
        <a href="/posts/文章路径/" class="read-more">阅读全文 →</a>
    </div>
</article>

3.4 样式规范

颜色规范：
- 主标题色：#2c3e50
- 强调色：#8b0000（红色）
- 链接色：#3498db（蓝色）
- 辅助色：#7f8c8d（灰色）
字体规范：
- 主字体：'Segoe UI', 'Microsoft YaHei', sans-serif
- 字号：标题2.8em，正文1.1em，元数据0.9em
- 行高：1.8（正文），1.6（其他）
间距规范：
- 段落间距：25px
- 章节间距：40px
- 边距：20px（容器内边距）

📝 四、发布规则

4.1 文章发布规则

标题格式：
- 单篇文章：文章标题
- 系列文章：系列名 · 卷名 · 章节名：章节标题
- 示例：他不毒铊毒 · 第一卷第一章：启航
内容格式：
- 第一段：使用lead-paragraph类
- 后续段落：普通<p>标签
- 段落首行缩进：2em
- 段落首字放大：1.3em，红色，加粗
配图规则：
- 位置：文章顶部featured-image区域
- 格式：WebP优先，支持JPG/PNG
- 尺寸：自适应，最大宽度100%
- 文字说明：无（纯图片展示）
- Alt文本：文章标题
元数据规则：
- 发布时间：精确到分钟
- 分类链接：正确分类页面
- 标签：相关标签，最多10个

4.2 系列文章规则

系列信息：每篇文章包含series-info部分
进度展示：显示当前进度和已发布章节
导航链接：上一篇/下一篇导航
统一体例：系列内所有文章体例一致

4.3 首页文章显示格式规则

核心原则：所有文章在主页显示时必须使用标准的四行结构。

四行结构要求：

第一行：发布时间（格式：YYYY年MM月DD日）
- 使用timeline-date CSS类
- 示例：2026年04月04日
第二行：文章名称（带链接）
- 使用article-title CSS类
- 包含指向文章页面的链接
- 示例：他不毒铊毒 · 第一卷第一章：启航
第三行：版块名称 + 1分钟阅读
- 使用article-meta容器
- 包含分类链接和阅读时间标识
- 示例：尘世清文 + 1分钟阅读
第四行开始：1分钟阅读的内容
- 使用article-excerpt容器
- 包含3-5个段落的文章摘要
- 使用excerpt-paragraph段落样式

HTML结构模板：

<article class="timeline-item">
    <div class="timeline-date">2026年04月04日</div>
    <div class="timeline-content">
        <h2 class="article-title"><a href="/posts/文章路径/">文章名称</a></h2>
        <div class="article-meta">
            <span class="article-category"><a href="/categories/分类路径/">分类名称</a></span>
            <span class="article-reading-time">1分钟阅读</span>
        </div>
        <div class="article-excerpt">
            <p class="excerpt-paragraph">摘要内容第一段...</p>
            <p class="excerpt-paragraph">摘要内容第二段...</p>
            <p class="excerpt-paragraph">摘要内容第三段...</p>
        </div>
        <div class="article-actions">
            <a href="/posts/文章路径/" class="read-more">阅读全文 →</a>
        </div>
    </div>
</article>

执行检查清单：

时间格式正确（YYYY年MM月DD日）
文章名称带链接且可访问
版块名称和1分钟阅读在同一行
1分钟阅读内容从第四行开始
使用正确的CSS类名
响应式设计正常
与已有文章格式一致

适用范围：

主页所有文章显示
分类页面文章列表
其他需要显示文章摘要的页面

参考示例：

正确格式：他不毒铊毒 · 楔子（2026年04月03日）
正确格式：清叙·拾光·寻心·问道（2026年04月03日）
必须遵循：他不毒铊毒 · 第一卷第一章：启航（2026年04月04日）

4.4 全站最新更新同步规则

核心原则：网站发布新文章后，必须同步更新所有页面的"最新更新"栏目。

必须更新的页面清单：

主页 (/index.html) - 文章时间线显示
主体版块页面 (/categories/分类/) - 对应分类的最新更新
联系我们页面 (/pages/contact/) - 右侧栏最新更新
隐私政策页面 (/pages/privacy/) - 右侧栏最新更新
其他所有页面 - 凡有"最新更新"栏目的页面都必须更新

更新内容要求：

最新文章置顶：新发布的文章必须放在"最新更新"列表的第一位
时间格式：MM-DD（如04-04）
分类显示：正确显示文章所属分类
链接正确：确保文章链接可正常访问
数量限制：通常显示最近3-5篇文章

执行检查清单：

主页文章时间线已更新
分类页面最新更新已更新
联系我们页面最新更新已更新
隐私政策页面最新更新已更新
所有其他页面最新更新已更新
所有链接可正常访问
时间格式正确
分类显示正确

4.4 分类页面规则

文章列表：按时间倒序排列
右侧栏：最新更新列表（最近5篇）
分类标识：明确当前分类
搜索功能：保持可用

🔧 五、维护规则

5.1 日常维护

链接检查：每月检查一次所有内部链接
图片检查：确保所有图片可访问
备份检查：检查备份文件完整性
权限检查：确保文件权限正确

5.2 问题处理

404错误：检查Nginx配置和文件路径
样式问题：检查CSS文件加载
内容错误：直接修改HTML文件
性能问题：检查图片优化和缓存设置

5.3 更新日志

记录所有修改：时间、内容、修改人
备份原文件：修改前自动备份

5.4 内容更新后历史页面检查规则

核心原则：网站文章或内容更新后，必须按照时间点检查所有历史页面并更新相关内容。

检查时间点要求：

立即检查：新文章发布后立即检查
每日检查：每天固定时间检查所有页面
每周检查：每周全面检查一次
月度检查：每月深度检查一次

必须检查的页面类型：

所有文章页面：检查右侧栏最新更新和访问统计
分类页面：检查文章列表和最新更新
静态页面：联系我们、隐私政策等页面的最新更新
主页：检查文章时间线和最新更新
归档页面：检查文章列表完整性

检查内容清单：

右侧栏最新更新栏目内容正确
访问统计栏目存在且可访问
文章链接可正常访问
时间格式正确
分类显示正确
图片加载正常
CSS样式正确
响应式设计正常

执行流程：

内容更新 → 立即检查相关页面 → 修复发现问题 → 记录检查结果 → 定期复查

自动化检查脚本：

#!/bin/bash
# 检查所有页面右侧栏完整性
for page in $(find /var/www/hugo.princewill.cn -name "index.html"); do
    echo "检查页面: $page"
    # 检查最新更新栏目
    if ! grep -q "最新更新" "$page"; then
        echo "  ❌ 缺少最新更新栏目"
    fi
    # 检查访问统计栏目
    if ! grep -q "访问统计" "$page"; then
        echo "  ❌ 缺少访问统计栏目"
    fi
done

问题处理流程：

发现问题：记录问题页面和具体问题
立即修复：当天内完成修复
验证修复：修复后立即验证
更新记录：更新检查日志
预防措施：分析原因，防止再次发生

检查记录要求：

检查时间
检查页面数量
发现问题数量
修复完成时间
验证结果
检查人签名

5.5 更新内容一致性检查规则

核心原则：新的页面更新好以后，必须对更新内容是否符合网站规则、和其他页面同样的内容一致进行检查确认。

检查时机：

更新后立即检查：页面更新完成后立即进行一致性检查
发布前检查：正式发布前必须通过一致性检查
定期复查：每周对所有页面进行一致性复查

检查内容：

网站规则符合性检查：
- 符合主页文章显示格式规则（4.3章节）
- 符合全站最新更新同步规则（4.4章节）
- 符合文章配图宽度原则（4.6章节）
- 符合内容更新后历史页面检查规则（5.4章节）
页面内容一致性检查：
- 右侧栏结构与其他页面一致
- 统计分析展示与其他页面一致
- 最新更新栏目内容与其他页面一致
- 导航结构与其他页面一致
- 样式和布局与其他页面一致
技术实现一致性检查：
- CSS类名使用一致
- HTML结构一致
- 响应式设计一致
- 交互效果一致

检查流程：

页面更新 → 规则符合性检查 → 内容一致性检查 → 技术一致性检查 → 问题修复 → 最终验证 → 发布

检查工具：

#!/bin/bash
# 页面一致性检查脚本
PAGE="$1"
REFERENCE_PAGE="/var/www/hugo.princewill.cn/pages/privacy/index.html"

echo "检查页面: $PAGE"
echo "参考页面: $REFERENCE_PAGE"

# 检查右侧栏结构
echo "1. 右侧栏结构检查:"
if diff <(grep "sidebar-section" "$PAGE") <(grep "sidebar-section" "$REFERENCE_PAGE"); then
    echo "  ✅ 右侧栏结构一致"
else
    echo "  ❌ 右侧栏结构不一致"
fi

# 检查统计分析展示
echo "2. 统计分析展示检查:"
if grep -q "visitor-stats-section" "$PAGE" && grep -q "stats-list optimized" "$PAGE"; then
    echo "  ✅ 统计分析展示正确"
else
    echo "  ❌ 统计分析展示不正确"
fi

# 检查最新更新栏目
echo "3. 最新更新栏目检查:"
if grep -q "updates-section" "$PAGE" && grep -q "update-title" "$PAGE"; then
    echo "  ✅ 最新更新栏目存在"
else
    echo "  ❌ 最新更新栏目缺失"
fi

问题处理：

发现不一致：立即记录问题并暂停发布
分析原因：确定是规则问题还是执行问题
制定方案：制定修复方案，确保一致性
执行修复：按照方案修复不一致问题
验证修复：修复后重新检查一致性
更新规则：如有必要，更新网站规则

检查记录：

检查时间
检查页面
参考页面
检查项目
检查结果
发现问题
修复方案
修复结果
检查人

5.6 访问统计定时更新规则

核心原则：访问统计页面必须定时更新，确保数据时效性。

更新时间点：

每天8:00 - 上午更新
每天12:00 - 中午更新
每天16:00 - 下午更新
每天20:00 - 晚上更新
每天24:00 - 午夜更新

时间显示格式：

格式：YYYY年MM月DD日HH时
示例：2026年04月04日13时
要求：所有页面访问统计时间显示必须统一使用此格式

技术实现：

更新脚本：/root/.openclaw/workspace/scripts/update_visitor_stats_fixed.sh

Cron配置：

# 访问统计定时更新任务
0 8,12,16,20,0 * * * /root/.openclaw/workspace/scripts/update_visitor_stats_fixed.sh >> /root/.openclaw/workspace/logs/cron_visitor_stats.log 2>&1

更新范围：所有包含访问统计栏目的页面
备份机制：更新前自动备份原文件

执行流程：

定时触发 → 执行更新脚本 → 更新所有页面时间 → 记录更新日志 → 验证更新结果

验证要求：

所有页面时间格式正确（YYYY年MM月DD日HH时）
所有页面时间显示一致
更新时间点正确执行
更新日志完整记录

问题处理：

更新失败：检查Cron服务状态和脚本权限
格式错误：检查时间格式生成逻辑
页面遗漏：检查更新脚本的页面列表
编码问题：确保文件使用UTF-8编码

监控机制：

日志监控：检查/root/.openclaw/workspace/logs/cron_visitor_stats.log
时间验证：定期抽查页面时间显示
脚本健康：每月检查脚本和Cron配置
备份验证：检查备份文件完整性

紧急处理：

手动执行更新脚本：/root/.openclaw/workspace/scripts/update_visitor_stats_fixed.sh
检查Cron状态：crontab -l
查看更新日志：tail -f /root/.openclaw/workspace/logs/visitor_stats_updates.log

5.7 统一各版面文章显示规则

核心原则：网站所有版面（主页、尘世清文、拾光留心、光影风华、寻心问道）的文章显示方式必须完全统一，使用相同的四行结构。

统一显示标准：

第一行：发布时间（YYYY年MM月DD日格式）
第二行：文章标题（链接到文章详情页）
第三行：所属版面名称、1分钟阅读标识
第四行开始：1分钟阅读内容（3-5个段落，约200-300字）

四行结构详细要求：

时间显示：
- 格式：YYYY年MM月DD日（如：2026年04月04日）
- 位置：文章项顶部，使用timeline-date类
- 要求：必须与文章实际发布时间一致
文章标题：
- 格式：<h2 class="article-title"><a href="/posts/article-url/">文章标题</a></h2>
- 要求：标题必须可点击，链接到文章详情页
- 样式：与主页标题样式完全一致
版面信息：
- 格式：<span class="article-category"><a href="/categories/category-url/">版面名称</a></span>
- 附加：<span class="article-reading-time">1分钟阅读</span>
- 要求：版面名称必须链接到对应版面页面
1分钟阅读内容：
- 段落：3-5个段落，使用<p class="excerpt-paragraph">包装
- 字数：约200-300字，提炼文章核心内容
- 风格：根据文章类型选择合适风格（文学/知识/悬疑）
- 要求：必须能在一分钟内读完，吸引读者点击全文

HTML结构模板（标准版）：

<article class="timeline-item">
    <div class="timeline-date">2026年04月04日</div>
    <div class="timeline-content">
        <h2 class="article-title"><a href="/posts/article-url/">文章标题</a></h2>
        <div class="article-meta">
            <span class="article-category"><a href="/categories/category-url/">版面名称</a></span>
            <span class="article-reading-time">1分钟阅读</span>
        </div>
        <div class="article-excerpt">
            <p class="excerpt-paragraph">1分钟阅读内容第一段，提炼文章核心观点...</p>
            <p class="excerpt-paragraph">1分钟阅读内容第二段，展示文章亮点...</p>
            <p class="excerpt-paragraph">1分钟阅读内容第三段，引导读者阅读全文...</p>
        </div>
        <div class="article-actions">
            <a href="/posts/article-url/" class="read-more">阅读全文 →</a>
        </div>
    </div>
</article>

HTML结构模板（无内容版）：

<article class="timeline-item">
    <div class="timeline-date">敬请期待</div>
    <div class="timeline-content">
        <h2 class="article-title">暂无内容</h2>
        <div class="article-meta">
            <span class="article-category">版面名称</span>
            <span class="article-reading-time">即将更新</span>
        </div>
        <div class="article-excerpt">
            <p class="excerpt-paragraph">本版面内容正在筹备中，敬请期待！</p>
            <p class="excerpt-paragraph">欢迎关注我们的最新动态，第一时间获取更新通知。</p>
        </div>
        <div class="article-actions">
            <a href="/" class="read-more">返回首页 →</a>
        </div>
    </div>
</article>

适用范围：

主页 (/index.html) - 文章时间线显示
尘世清文 (/categories/尘世清文/) - 原创小说与文学创作
拾光留心 (/categories/拾光留心/) - 生活照片与AI配图
光影风华 (/categories/光影风华/) - 音乐视频与影音作品
寻心问道 (/categories/寻心问道/) - 心灵探索与人生哲思
所有其他包含文章列表的页面

1分钟阅读内容风格指南：

尘世清文（小说类）：
- 风格：悬疑叙事 + 知识科普
- 要点：故事背景 + 核心冲突 + 知识亮点
- 示例：科学数据 + 地理时间线 + 悬疑元素
拾光留心（视觉类）：
- 风格：视觉描述 + 创作过程
- 要点：视觉亮点 + 创作工具 + 艺术价值
- 示例：AI创作探索 + 视觉化效果 + 技术应用
光影风华（影音类）：
- 风格：作品介绍 + 创作心得
- 要点：作品类型 + 创作背景 + 艺术特色
- 示例：音乐视频介绍 + 创作过程 + 艺术价值
寻心问道（思考类）：
- 风格：思考提炼 + 价值阐述
- 要点：核心观点 + 思考过程 + 价值意义
- 示例：个人空间初心 + 版块定位 + 交流价值

执行检查清单：

使用timeline-item类（与主页完全一致）
时间格式正确（YYYY年MM月DD日）
文章标题可点击，链接正确
版面名称链接到对应版面页面
“1分钟阅读"标识显示正确
1分钟阅读内容为3-5个段落
段落使用excerpt-paragraph类
“阅读全文"按钮链接正确
响应式设计正常（桌面/平板/手机）
与其他页面样式完全一致
无内容时显示"敬请期待"模板
所有链接可正常访问
图片显示正常（如有）
加载速度正常

统一更新流程：

1. 获取目标版面文章数据
2. 为每篇文章生成四行结构HTML
3. 备份原页面文件
4. 替换页面中的文章列表部分
5. 更新版面标题和描述
6. 验证页面显示效果
7. 记录更新日志
8. 通知相关人员

技术实现要求：

CSS类名统一：
- 文章容器：timeline-item
- 时间显示：timeline-date
- 内容区域：timeline-content
- 文章标题：article-title
- 元信息：article-meta
- 版面分类：article-category
- 阅读时间：article-reading-time
- 摘要内容：article-excerpt
- 段落样式：excerpt-paragraph
- 操作按钮：article-actions
- 阅读全文：read-more
响应式设计：
- 桌面端：完整四行结构
- 平板端：适配中等屏幕
- 手机端：单列显示，保持可读性
性能优化：
- 图片懒加载
- CSS/JS压缩
- 缓存策略
- 加载优先级

验证与测试：

视觉验证：
- 所有版面显示效果一致
- 颜色、字体、间距统一
- 交互效果正常
功能验证：
- 所有链接可点击
- 响应式设计正常
- 加载速度达标
内容验证：
- 1分钟阅读内容完整
- 时间、标题、分类正确
- 无错别字和格式错误
兼容性验证：
- 主流浏览器（Chrome、Firefox、Safari、Edge）
- 移动设备（iOS、Android）
- 不同屏幕尺寸

监控与维护：

定期检查：
- 每周检查所有版面显示一致性
- 每月全面验证四行结构
- 每季度更新内容风格指南

问题处理流程：

发现问题 → 记录问题 → 分析原因 → 制定方案 → 执行修复 → 验证效果 → 更新文档

变更管理：
- 任何显示方式变更必须更新本规则
- 变更前必须测试所有受影响页面
- 变更后必须验证所有版面一致性
性能监控：
- 页面加载时间监控
- 用户交互数据收集
- 错误率统计

紧急处理：

显示异常：
- 检查CSS文件是否加载
- 验证HTML结构是否正确
- 检查服务器响应状态
链接失效：
- 验证文章和分类链接
- 检查URL编码是否正确
- 确认文件是否存在
内容错误：
- 核对文章元数据
- 验证1分钟阅读内容
- 检查时间格式

培训与文档：

操作指南：如何添加新文章到各版面
模板使用：如何使用四行结构模板
问题排查：常见问题及解决方法
最佳实践：1分钟阅读内容创作指南

版本历史：

2026-04-04：首次制定统一各版面文章显示规则
2026-04-04：实施四行结构，统一所有版面显示方式
后续更新：根据实际使用情况持续优化

测试验证：修改后立即验证
文档更新：相关规则文档同步更新

📋 六、执行检查清单

6.1 新文章发布检查清单

文章目录命名正确
HTML文件结构完整
标题格式符合规范
配图已上传且无文字说明
第一段使用lead-paragraph类
段落样式统一
系列信息完整（如适用）
作者的话简洁明了
标签设置合理
首页摘要已更新
分类页面已更新
右侧栏最新更新已更新
文件权限正确
访问验证通过

6.2 网站更新检查清单

备份原文件
修改内容准确
样式兼容性测试
所有页面链接测试
移动端显示测试
访问速度测试
更新日志记录
规则文档更新

📞 七、联系方式与支持

7.1 技术支持

执行人：王子
职责：网站部署、维护、问题处理
可用时间：全天候待命

7.2 内容管理

决策人：陛下
职责：内容审核、发布规则制定、最终审批
审核流程：陛下审核 → 修改 → 最终发布

7.3 紧急处理

网站无法访问：检查Nginx服务，检查DNS解析
内容错误：立即恢复备份文件
安全问题：立即暂停服务，检查日志
数据丢失：从最新备份恢复

文档状态：待陛下审核修改
下一步：陛下修改后，我将严格遵照执行
更新机制：本文档随网站发展持续更新

4.6 文章配图宽度原则

核心原则：文章配图宽度必须与文字内容宽度一致。

技术实现要求：

宽度设置：配图必须设置为100%宽度，与文章正文内容区域同宽
CSS样式： .featured-image { width: 100%; max-width: 100%; margin: 20px 0; }
.article-featured-img { width: 100%; height: auto; display: block; margin: 0 auto; }
内联样式：在HTML中直接添加style="width: 100%; height: auto; display: block; margin: 0 auto;"
响应式设计：确保在移动设备上也能正确显示

执行检查清单：

配图宽度设置为100%
高度设置为auto（保持比例）
显示方式为block
居中对齐（margin: 0 auto）
在桌面和移动设备上测试显示效果
图片清晰度不受影响
加载速度正常

适用范围：

所有文章的特色配图（featured image）
文章内嵌图片
分类页面配图
其他内容相关图片

例外情况：

特殊布局需求需单独说明
技术图表可根据内容调整
响应式设计需确保移动端体验