在 SX-Creval 模块化建站系统中，文章入口模块主要用于首页或着陆页，帮助企业向访客展示最新的公司新闻、行业洞察或博客文章。
为了满足不同外贸企业的设计诉求，系统内置了 4 种排版风格迥异的文章展示模块。所有模块均可在后台的“文章”分组下找到。这些模块均采用了前端预加载技术，在实现顺滑分类切换的同时，保证了 100% 的 SEO 友好度。
一、 模块通用设置项
这 4 种文章模块均包含以下基础配置：
- 标题与描述：
- 标签 (Badge)： 标题上方的小型修饰文字。
- 主标题与描述文字： 区块的核心标题及下方的补充说明。
- 字体大小与颜色： 可针对卡片内外的标题、描述文字进行字号与色彩的独立设定。
- 对齐方式： 支持整体文本的左对齐或居中对齐。
- 背景设置： 可自定义区块的背景颜色，以便与上下模块产生视觉层次。
- 动效设置： 控制该模块在页面滚动进入可视区域时的进场动画。
二、 模块详细说明与排版特性
1. 文章 - 分类卡片 (Blog 1 Block)
排版特性： 标准网格与卡片化设计。顶部提供分类切换标签 (Tabs)，下方为 3 列平铺的图文卡片。
适用场景： 适合文章配图质量较高，且需要标准、规整展示的常规新闻列表。
特色配置项：
- 卡片颜色反转 (Dark Mode)： 勾选后，卡片将呈现半透明的毛玻璃效果与深色背景，非常适合应用于设置了深色背景图或深色背景色的区块上。
- 圆角控制： 可独立设置“卡片圆角”和顶部“分类按钮圆角”。
- 数据调用： 管理员在“文章类别”中选择需要展示的分类，系统自动提取最新文章并生成对应的分类切换标签。支持设置展示数量（默认为 3 篇）。
2. 文章 - 盒子布局 (Blog 2 Block)
排版特性： 采用高级的“杂志画报”排版。顶部同样支持分类切换。在文章展示区，左侧会突出展示一篇带有大图的“头条文章 (Featured Post)”，右侧则是以较小图文列表形式呈现的其他文章。
适用场景： 适合希望在首页突出展现某一篇重点新闻，同时兼顾其他资讯的综合性展区。
特色配置项：
- 视觉聚焦： 自动将拉取到的第一篇文章作为左侧大图头条展示，其余文章按列表排列在右侧。
- 数据调用： 同样通过选择“文章类别”自动拉取。建议将“展示数量”设置为 4 篇，即可完美呈现“1 大 + 3 小”的视觉平衡。
3. 文章 - 文字列表 (Blog 3 Block)
排版特性： 极简主义设计，无图片干扰。左侧突出显示超大字号的文章发布日期（日与年月上下排列），右侧为标题与描述，鼠标悬浮时伴有平滑的箭头指引动效。
适用场景： 适合用作“公司公告”、“展会日程”或配图相对缺乏的企业。这种纯文本列表排版显得极其专业且紧凑。
特色配置项：
- 极简设置： 移除了卡片与图片设置，专注于排版与字体。
- 数据调用： 依然支持多分类切换与自动抓取最新数据。
4. 文章 - 固定 3 篇 (Blog 4 Block)
排版特性： 采用极具现代感的 Bento Box（便当盒/网格拼图）布局。整体分为三个区块：
- 左侧占据两行的大尺寸图文卡片（带深色渐变遮罩）。
- 右上方为带有品牌主色背景 (Primary Color) 的纯色文字卡片。
- 右下方为带深色遮罩的小尺寸图片卡片。
适用场景： 适合“编辑精选”、“置顶推荐”或作为首页的核心导读区。
特色配置项：
- 手动精确控制： 不再自动抓取，系统要求管理员在“文章页面列表”中精确挑选 3 篇文章或分类页面。
- SX-Creval 智能推导逻辑：
- 标签推导： 自动抓取所选文章的父级分类名称作为展示标签。
- 智能“查看全部”链接： 系统会根据您选取的第一项内容，智能推算底部的“查看全部”按钮应指向的最终链接地址，无需手动填写繁杂的 URL。
三、 最佳实践建议
- 自动化运营： 如果日常新闻更新频繁，建议使用 “模块 1 (分类卡片)” 或 “模块 2 (盒子布局)”，并配置好文章分类。后续只需在后台发布文章，首页会自动同步更新。
- 重点营销： 遇到重要展会邀请、年度报告发布等重大事件，建议使用 “模块 4 (固定 3 篇)”，利用强大的视觉冲击力将其手动固定在首页最吸睛的位置。
- 性能与美学： 在使用含有图片的模块时，请尽量保证上传的主图尺寸比例一致（如 16:9 或 4:3），以获得最完美的 SX-Creval 前端视觉体验。