准备文章并打开目标页面
先在后台准备好要展示的文章、分类和图片。下载、音频、视频、画廊等内容,还要在文章中配置对应资源。列表布局只决定怎么展示,不会自动补齐资源。
使用有构建器编辑和保存权限的账号,打开目标网站的构建器,选择首页、文章归档或文章详情模板。添加或选中「文章列表」,进入「内容设置」。
先确定文章从哪里来
| 设置 | 怎么选择 |
|---|---|
| 数据来源 | 首页、专题区通常选「常规列表」。详情页的相关文章区选「当前内容相关」,以当前文章作为查找依据。 |
| 模块分类 | 选择这个列表要展示的分类。保存后检查实际文章是否属于所选分类。 |
| 自动 ID | 用于根据当前分类或标签归档页取得内容。普通首页没有相应归档条件时,不要依赖这一项筛选。 |
| 只显示 | 按需要选择全部、下载、音频、视频或画廊内容。例如下载区应同时有下载类文章和对应资源数据。 |
| 默认排序 | 可选择综合、最新、热门、评论、点赞、收藏、下载、评分等排序。页面上的筛选操作可能改变初始排序。 |
| 热门天数 | 与热门排序一起设置,用于限定相应的时间范围。 |
「当前内容相关」需要当前文章作为依据。普通首页没有当前文章时,应使用常规列表,再指定分类等筛选条件。
选择列表布局
在「内容设置 → 布局样式」中选择。当前版本在原有布局之外还增加了创作者网格选项,不能再按固定的 15 种布局理解。
| 布局 | 适合怎样展示 |
|---|---|
| 网格、卡片网格、创作者网格 | 用于多列内容区。切换后检查当前布局提供的图片、文字和其他展示项。 |
| 列表 | 按行展示,适合需要阅读标题和摘要的文章目录。 |
| 瀑布流 | 适合图片比例或内容高度不一致的列表。 |
| 日志列表 | 适合持续更新的记录。 |
| 小红书模式 | 适合以图片为主的分享内容。 |
| 下载网格、下载列表、下载横向列表 | 分别用网格或条目展示资源文章,按页面宽度和信息量选择。 |
| 下载卡片 | 突出资源图标、副标题及可用的下载信息。 |
| 多分类分栏 | 按分类分列。分类菜单中的顺序对应列顺序;每栏首篇用大图,其余篇目用列表。 |
| 分类精简列表 | 用分类标题、文章标题和时间组织紧凑的内容区。 |
| 左二右一(杂志) | 每三篇一组,左侧两篇,右侧一篇大图;小屏时大图在上。 |
| 杂志混排流 | 组合列表、全宽大图和双列网格。 |
| 横向滑动卡片 | 用于横向推荐区,可配合切换箭头使用。 |
切换布局后,重新检查展示项和加载方式。部分分栏、杂志布局不使用常规底部加载更多,不能要求所有布局都保留同一组按钮。
设置数量和加载方式
- 总数量:控制读取数量。多分类分栏中按每栏篇数理解,并结合当前布局提示填写。
- 每行最大数量:限制一行或一屏最多放多少项,不保证所有屏幕都显示这个数量。
- 最小卡片宽度:容器变窄时减少列数,避免卡片过窄。
- 分页或加载更多:选择访客浏览后续文章的方式。
- 自动加载更多:在支持的布局中,滚动到底部继续加载。页面中部的推荐区应留意加载后是否把后续内容推得太远。
调整标题、图片和卡片
| 设置 | 调整要点 |
|---|---|
| 标题、摘要 | 设置显示项、行数和字号,标题还可调整粗细。用长标题和较长摘要检查截断效果。 |
| 标签、作者、时间 | 选择需要的信息,并限制标签数量,避免挤占正文空间。 |
| 互动统计 | 按需要显示浏览、评论、收藏、点赞等数据。隐藏展示不会删除统计记录。 |
| 内容信息条 | 显示下载、音频、视频或画廊等内容信息,并选择默认位置或图片上的位置。 |
| 下载信息 | 按当前布局选择大小、类型、属性、更新时间、评分、下载数等字段。字段有内容时才能正常展示。 |
| 缩略图显示和类型 | 先决定是否显示图片,再选择当前布局支持的常规或切换形式。 |
| 缩略图占满、宽度和圆角 | 调整图片所占空间与转角。图片圆角和整个模块的容器圆角要分别设置。 |
| 缩略图尺寸 | 选择服务器提供的缩略图、中等、大图或原图版本。小卡片通常不需要原图。 |
| 缩略图比例 | 按“高÷宽”填写:正方形为 1,16:9 横图约为 0.56。 |
| 杂志混排列表图片 | 单独调整列表项的图片开关、宽度和比例;同时检查大图与双列卡片的图片设置。 |
| 卡片内边距与间距 | 分别控制卡片内部留白和卡片之间的距离。模块与其他区域的距离到「容器设置」调整。 |
| 横滑箭头 | 设置是否显示及位置。箭头放到模块外侧时,要留出空间并检查是否被裁切。 |
组合文章详情模块
进入文章详情模板,按阅读顺序添加需要的模块。标题、正文、作者、分类、标签等可以分别安排;下载或媒体模块应配合已经配置相应内容的文章使用。
| 模块 | 配置要点 |
|---|---|
| 文章标题区 | 选择要展示的标题区信息,再与正文、作者等模块组合。 |
| 文章 Banner | 选择常规、模糊或轮播样式,调整比例、图片尺寸和宽度;轮播样式还要检查按钮、按钮位置和指示器。 |
| 资源下载 | 可选择默认、游戏下载(简约)、下载资源(清晰版)、下载资源(紧凑版)、下载资源(属性版)。再配置当前布局提供的资源信息、图片、说明图标、文字、链接和背景。 |
| 视频、音频 | 配合文章中的媒体资源和权限配置。视频开启自动播放后,还应在实际浏览器中检查播放和声音状态。 |
| 画廊 | 设置图片尺寸、每行上限和最小卡片宽度,再用不同数量的图片检查排列。 |
| 评论 | 配置表单和列表展示,选择默认或瀑布流布局,并调整每页评论、回复数、字数限制、间距和加载方式。 |
| 互动 | 按需要使用横向图标行或右侧悬浮轨,检查手机上的位置。 |
| 打赏 | 配置货币或积分、预设金额、自定义金额和支持者头像数量,并检查对应业务设置。 |
| 相关文章 | 添加文章列表,将数据来源设为「当前内容相关」,再选择布局和展示项。 |
| 文内目录 | 关联本页正文模块 ID,并确保正文中有二级至四级标题。 |
保存后用真实文章检查
- 保存设置,打开实际首页、归档页和文章详情页。
- 核对分类、文章数量和排序,再测试分页或加载更多。
- 分别用电脑和手机宽度检查图片、长标题、卡片列数和箭头。
- 打开有资源的文章,检查下载、音频、视频或画廊;再打开没有对应资源的文章,检查页面是否留有不合适的空白。
- 如果网站提供多语言内容,切换语言后重新核对文章范围和固定文案。
模块控制展示,不会自动授予资源访问权限。涉及登录、付费或其他限制时,还要用符合和不符合条件的普通访客分别验证。