DSPro 前端由首页、文章页、内容板块页（文档/问答/专题/链接）与用户中心构成，各页面均可通过后台设置控制展示。

一、首页

站点门户，由多个小工具模块拼接而成。

轮播与滑块

• heroSlider：首页大图轮播，支持自动播放进度条、悬停暂停、触摸滑动与键盘导航。
• heroCarousel：图片购买模式轮播，支持 Lightbox 全屏预览。
• 分类BOX滑块（catbox）：分类卡片横向滚动，条目超过 5 个且溢出时启用，支持箭头与拖拽循环滚动。

内容模块

• 首页各区块（最新文章、热门作者、专题、问答等）由后台小工具配置，可自由排序与增删。
• 支持模块化页面：新建页面并绑定小工具英文标识，即可生成独立布局页。

二、文章页

单篇文章的展示与变现载体。

文章头部（Hero）

• 下载资源类文章左侧展示缩略图，图片购买模式展示图片集轮播。
• 右侧展示统计信息（浏览量、下载量、销量等）。
• 付费视频 / 音频模块在文章顶部展示播放器。

正文与互动

• 正文支持访问控制短代码（付费 / 登录 / 评论 / VIP 可见）与内容组件短代码（提示框、步骤、图集等）。
• 底部包含版权声明、标签、上一篇/下一篇、相关推荐。
• 评论区支持回复、点赞、置顶与「采纳答案」（问答类型）。

三、内容板块页

文档中心、问答、专题、链接导航四大板块。

文档中心（docs）

• 左侧文档目录树（按 docs-cat 分类，支持层级与排序），中间为文档内容。
• 支持文档集（docs-set）：TABS 风格切换不同文档集，默认选中第一个。
• 文档正文自动生成目录（TOC），滚动时高亮当前标题。

问答（question）

• 提问以文章形式发布，评论区即回答区。
• 支持采纳最佳答案、回答置顶、评论点赞。
• 问题列表按question-cat / question-tag 分类筛选。

专题（series）

• 专题列表页（page-series.php）以卡片展示，支持搜索过滤。
• 专题分类（series-cat）与专题归档页展示该专题下的系列文章。

链接导航（links）

• 按links-cat 分类树展示，左侧导航 + 中间链接卡片，支持搜索与子分类 TABS。
• 支持收藏、热门链接、我的待审核链接。

四、用户中心（/ucenter）

用户自助服务入口，功能页由后台「用户管理 → 个人中心」控制展示。

资产与交易

• 余额（coin）、积分兑换（exch）、充值记录、我的订单（order）、下载管理（down）。
• 推广佣金（aff）、提现申请。

会员与任务

• VIP 开通（vip）、每日签到（checkin）、任务中心（task）、徽章墙（badge）。
• 投稿（tou）、我的文章、奖励领取（claim）。

互动与支持

• 私信（pms）、收藏（fav）、关注（fol）、粉丝（fans）、关注分类（catsub）。
• 邮箱订阅（emsub）、工单（ticket）、账户绑定（bind）、修改密码（pwd）。

五、其他前端页面

登录注册、活动与信息页。

登录注册

• 登录页（page-login）：支持账号密码、手机号、QQ / 微信 / 微博第三方登录。
• 滑块验证码、登录频率限制、邀请注册等安全能力。

活动与信息页

• 抽奖（page-lottery）：九宫格抽奖，消耗积分或每日免费次数。
• 小黑屋（page-blackroom）：违规用户公示与申诉。
• 每日早报（page-zaobao）：自动聚合内容定时发布。
• 排行（page-rank）、标签（page-tags）、关于 / 隐私 / 条款。