技术文章发布系统-产品需求文档

1. 产品概述专业的计算机硬件及相关技术文章标准化发布系统，为技术内容创作者提供严格的分类体系、规范化的内容标准和完整的质量保障流程。解决技术文章缺乏统一标准、分类混乱、质量参差不齐的问题，为硬件评测、技术分析提供专业平台。2. 核心功能2.1 用户角色角色注册方式核心权限撰稿人邮箱注册创建编辑文章、提交审核、查看审核状态技术审核员管理员分配技术准确性审核、参数验证、测试数据核查格式审核员管理员分配Markdown格式检查、元数据完整性验证发布审核员管理员分配最终发布决策、版本管理访客无需注册浏览已发布文章、搜索分类2.2 功能模块系统包含以下核心页面：首页：文章分类导航、最新发布、热门文章、搜索功能文章编辑页：Markdown编辑器、元数据配置、实时预览、分类选择文章详情页：内容展示、技术参数表格、引用来源、相关文章推荐审核管理页：待审核列表、审核详情、审核历史、批量操作分类管理页：三级分类体系维护、术语库管理、分类统计用户管理页：用户列表、权限分配、审核工作量统计质量报告页：格式检查结果、术语一致性分析、数据完整性报告2.3 页面详情页面名称模块名称功能描述首页分类导航展示三级分类树形结构，支持点击筛选首页搜索模块支持按标题、关键词、分类、作者多维度搜索首页最新发布按时间倒序展示最新发布的10篇文章文章编辑页Markdown编辑器支持GFM语法高亮、实时预览、代码块折叠文章编辑页元数据配置表单化配置YAML头部信息，自动验证必填项文章编辑页分类选择器三级级联选择，自动加载对应术语库文章编辑页关键词管理自动统计关键词出现次数，提供术语建议文章详情页内容展示渲染Markdown内容，支持表格、代码块、图片文章详情页技术参数区独立展示技术规格表，支持排序筛选文章详情页引用管理展示所有数据来源，支持点击跳转原文审核管理页待审核列表按审核阶段分组展示，支持批量审核审核管理页审核详情展示文章内容、格式检查结果、历史审核意见审核管理页审核操作提供通过、驳回、转交等操作，必填审核意见分类管理页分类树维护可视化维护三级分类，支持拖拽排序分类管理页术语库管理按分类维护专业术语，支持导入导出质量报告页格式检查报告展示Markdown lint结果，定位具体错误行质量报告页数据完整性检查技术参数完整性、引用来源有效性3. 核心流程撰稿人流程登录系统进入文章编辑页填写文章标题（自动验证三级命名格式）选择三级分类（自动加载对应术语库）编写技术摘要（200字限制，实时计数）撰写正文内容（自动统计关键词出现次数）配置技术参数表（标准化输入格式）添加数据来源引用（URL验证）提交技术审核三级审核流程技术审核：验证技术参数准确性、测试数据完整性、引用来源有效性格式审核：检查Markdown格式规范性、YAML元数据完整性、术语使用一致性发布审核：综合评估文章质量、确定发布时机、管理版本控制graph TD A[撰稿人登录] --> B[创建新文章] B --> C[填写标题分类] C --> D[编辑内容] D --> E[配置元数据] E --> F[提交技术审核] F --> G[技术审核员审核] G -->|通过| H[格式审核员审核] G -->|驳回| D H -->|通过| I[发布审核员审核] H -->|驳回| D I -->|通过| J[文章发布] I -->|驳回| D J --> K[生成HTML/PDF] K --> L[访客浏览] 4. 用户界面设计4.1 设计风格主色调：深蓝色 (#1e40af) 体现技术专业性辅助色：浅灰色 (#f8fafc) 用于背景，绿色 (#059669) 用于成功状态按钮样式：圆角矩形，主要操作为实心背景，次要操作为边框样式字体体系：标题：Inter Bold 24px/32px正文：Inter Regular 16px/24px代码：JetBrains Mono 14px/20px布局风格：左侧导航 + 右侧主内容区，卡片式内容展示图标风格：使用Lucide React图标库，线性风格，统一尺寸20px4.2 页面设计概览页面名称模块名称UI元素首页导航栏深蓝色背景，白色文字，包含logo、搜索框、用户菜单首页分类导航左侧树形结构，支持展开折叠，当前选中高亮显示首页文章列表卡片式布局，显示标题、摘要、作者、发布时间文章编辑页编辑器区域左右分栏，左侧Markdown输入，右侧实时预览文章编辑页表单区域白色卡片背景，标签左对齐，输入框圆角边框文章详情页标题区域大字号标题下方显示分类路径和元数据信息文章详情页内容区域白色背景，合理行高，代码块深色主题审核管理页列表区域表格展示，状态标签用不同颜色区分审核管理页操作区域按钮组布局，主要操作突出显示4.3 响应式设计桌面优先：基础设计为1920x1080分辨率平板适配：768px-1024px，转为垂直布局移动适配：小于768px，简化导航为汉堡菜单触摸优化：按钮最小44px点击区域，支持手势操作