瓜奇
瓜奇

暂无菜单项

首页/文档/页面构建器/模块与展示/
打开 MD 链接

配置文章列表和文章详情模块

二丿小青年
二丿小青年
发布于 9/11更新于 10/13
51

08 页面构建器 / 08.02 模块与展示

准备文章并打开目标页面

先在后台准备好要展示的文章、分类和图片。下载、音频、视频、画廊等内容,还要在文章中配置对应资源。列表布局只决定怎么展示,不会自动补齐资源。

使用有构建器编辑和保存权限的账号,打开目标网站的构建器,选择首页、文章归档或文章详情模板。添加或选中「文章列表」,进入「内容设置」。

先确定文章从哪里来

设置 怎么选择
数据来源 首页、专题区通常选「常规列表」。详情页的相关文章区选「当前内容相关」,以当前文章作为查找依据。
模块分类 选择这个列表要展示的分类。保存后检查实际文章是否属于所选分类。
自动 ID 用于根据当前分类或标签归档页取得内容。普通首页没有相应归档条件时,不要依赖这一项筛选。
只显示 按需要选择全部、下载、音频、视频或画廊内容。例如下载区应同时有下载类文章和对应资源数据。
默认排序 可选择综合、最新、热门、评论、点赞、收藏、下载、评分等排序。页面上的筛选操作可能改变初始排序。
热门天数 与热门排序一起设置,用于限定相应的时间范围。

「当前内容相关」需要当前文章作为依据。普通首页没有当前文章时,应使用常规列表,再指定分类等筛选条件。

选择列表布局

在「内容设置 → 布局样式」中选择。当前版本在原有布局之外还增加了创作者网格选项,不能再按固定的 15 种布局理解。

布局 适合怎样展示
网格、卡片网格、创作者网格 用于多列内容区。切换后检查当前布局提供的图片、文字和其他展示项。
列表 按行展示,适合需要阅读标题和摘要的文章目录。
瀑布流 适合图片比例或内容高度不一致的列表。
日志列表 适合持续更新的记录。
小红书模式 适合以图片为主的分享内容。
下载网格、下载列表、下载横向列表 分别用网格或条目展示资源文章,按页面宽度和信息量选择。
下载卡片 突出资源图标、副标题及可用的下载信息。
多分类分栏 按分类分列。分类菜单中的顺序对应列顺序;每栏首篇用大图,其余篇目用列表。
分类精简列表 用分类标题、文章标题和时间组织紧凑的内容区。
左二右一(杂志) 每三篇一组,左侧两篇,右侧一篇大图;小屏时大图在上。
杂志混排流 组合列表、全宽大图和双列网格。
横向滑动卡片 用于横向推荐区,可配合切换箭头使用。

切换布局后,重新检查展示项和加载方式。部分分栏、杂志布局不使用常规底部加载更多,不能要求所有布局都保留同一组按钮。

设置数量和加载方式

  • 总数量:控制读取数量。多分类分栏中按每栏篇数理解,并结合当前布局提示填写。
  • 每行最大数量:限制一行或一屏最多放多少项,不保证所有屏幕都显示这个数量。
  • 最小卡片宽度:容器变窄时减少列数,避免卡片过窄。
  • 分页或加载更多:选择访客浏览后续文章的方式。
  • 自动加载更多:在支持的布局中,滚动到底部继续加载。页面中部的推荐区应留意加载后是否把后续内容推得太远。

调整标题、图片和卡片

设置 调整要点
标题、摘要 设置显示项、行数和字号,标题还可调整粗细。用长标题和较长摘要检查截断效果。
标签、作者、时间 选择需要的信息,并限制标签数量,避免挤占正文空间。
互动统计 按需要显示浏览、评论、收藏、点赞等数据。隐藏展示不会删除统计记录。
内容信息条 显示下载、音频、视频或画廊等内容信息,并选择默认位置或图片上的位置。
下载信息 按当前布局选择大小、类型、属性、更新时间、评分、下载数等字段。字段有内容时才能正常展示。
缩略图显示和类型 先决定是否显示图片,再选择当前布局支持的常规或切换形式。
缩略图占满、宽度和圆角 调整图片所占空间与转角。图片圆角和整个模块的容器圆角要分别设置。
缩略图尺寸 选择服务器提供的缩略图、中等、大图或原图版本。小卡片通常不需要原图。
缩略图比例 按“高÷宽”填写:正方形为 1,16:9 横图约为 0.56。
杂志混排列表图片 单独调整列表项的图片开关、宽度和比例;同时检查大图与双列卡片的图片设置。
卡片内边距与间距 分别控制卡片内部留白和卡片之间的距离。模块与其他区域的距离到「容器设置」调整。
横滑箭头 设置是否显示及位置。箭头放到模块外侧时,要留出空间并检查是否被裁切。

组合文章详情模块

进入文章详情模板,按阅读顺序添加需要的模块。标题、正文、作者、分类、标签等可以分别安排;下载或媒体模块应配合已经配置相应内容的文章使用。

模块 配置要点
文章标题区 选择要展示的标题区信息,再与正文、作者等模块组合。
文章 Banner 选择常规、模糊或轮播样式,调整比例、图片尺寸和宽度;轮播样式还要检查按钮、按钮位置和指示器。
资源下载 可选择默认、游戏下载(简约)、下载资源(清晰版)、下载资源(紧凑版)、下载资源(属性版)。再配置当前布局提供的资源信息、图片、说明图标、文字、链接和背景。
视频、音频 配合文章中的媒体资源和权限配置。视频开启自动播放后,还应在实际浏览器中检查播放和声音状态。
画廊 设置图片尺寸、每行上限和最小卡片宽度,再用不同数量的图片检查排列。
评论 配置表单和列表展示,选择默认或瀑布流布局,并调整每页评论、回复数、字数限制、间距和加载方式。
互动 按需要使用横向图标行或右侧悬浮轨,检查手机上的位置。
打赏 配置货币或积分、预设金额、自定义金额和支持者头像数量,并检查对应业务设置。
相关文章 添加文章列表,将数据来源设为「当前内容相关」,再选择布局和展示项。
文内目录 关联本页正文模块 ID,并确保正文中有二级至四级标题。

保存后用真实文章检查

  1. 保存设置,打开实际首页、归档页和文章详情页。
  2. 核对分类、文章数量和排序,再测试分页或加载更多。
  3. 分别用电脑和手机宽度检查图片、长标题、卡片列数和箭头。
  4. 打开有资源的文章,检查下载、音频、视频或画廊;再打开没有对应资源的文章,检查页面是否留有不合适的空白。
  5. 如果网站提供多语言内容,切换语言后重新核对文章范围和固定文案。

模块控制展示,不会自动授予资源访问权限。涉及登录、付费或其他限制时,还要用符合和不符合条件的普通访客分别验证。

上一篇
配置模块通用外观和显示条件打开目标网站的页面构建器,进入要修改的页面或模板,选中模块。先在「内容设置」中确定展示内容,再到「容器设置」调…
下一篇
配置文档导航与分类展示模块先在后台准备好已发布文档、文档分类及父子层级。使用有构建器编辑和保存权限的账号,打开目标网站的文档首页、文档归…
0 / 600
细中粗
0 讨论
热门最新
总结
暂无总结
瓜奇
瓜奇
首页
产品中心优惠
扩展中心
模板中心
小店
AI导航
社区演示
文档中心
构建器夯
所有的成功,都源自一个勇敢的开始
不辜负每一个勇敢的开始
关于帮助文档FAQ协议
瓜奇 © 2026