控制台 退出登录

Hero 轮播

首页顶部支持两种模式:

  • 轮播模式:添加多张幻灯片,自动轮播切换

  • 单图模式:不添加幻灯片时,使用单张背景图

[截图:首页 Hero 轮播效果]

配置路径:主题设置 → Hero 轮播

设置项

说明

Hero 标题

轮播区域主标题

Hero 副标题

标题下方说明文字

Hero 徽章文字

左上角小标签,如「Halo · 个人博客」

Hero 背景图片

单图模式的背景图(轮播模式无效)

轮播幻灯片

最多 10 张,每张含图片、标题、副标题、徽章、CTA 按钮

幻灯片字段说明

[截图:添加幻灯片的表单界面]

字段

必填

说明

幻灯片图片

建议尺寸 1920×1080,支持 JPG/PNG/WebP

徽章文字

左上角标签,如「推荐」「新文章」

标题

幻灯片主标题

副标题

标题下方补充说明

CTA 按钮标签

行动按钮文字,如「阅读全文」

CTA 按钮链接

按钮跳转地址

文章列表布局

配置路径:主题设置 → 首页设置

  • 网格卡片(默认):两列卡片,展示封面图、分类、标题、摘要、日期

  • 列表模式:单列紧凑布局,适合文字为主的博客

[截图:网格模式 vs 列表模式对比]

侧边栏

配置路径:主题设置 → 首页设置 → 显示侧边栏

开启后首页右侧显示侧边栏,包含:

  • 作者卡片:头像、昵称、简介、社交图标

  • 分类列表:所有分类及文章数

  • 标签云:所有标签的彩色胶囊

  • 最近文章:最新 5 篇文章

[截图:侧边栏四个组件的效果]

侧边栏内容来源:

  • 作者信息 → 主题设置 → 个人信息

  • 社交图标 → 主题设置 → 社交链接(显示 GitHub、Twitter、Email、Bilibili、个人网站 5 个)