上一篇文章聊了为什么要做 PaperUI，这篇我们逐一看看每个新增功能的设计思路和使用效果。 1. 首页轮播系统 功能说明 PaperUI 新增了 homeCarousel 配置项，可以在首页展示三栏图片导航： [params.homeCarousel] slides = [ { image = '/images/hero-1.webp', url = '/posts/paperui-introduction/' }, { image = '/images/hero-2.webp', url = '/posts/papermod-advantages/' }, { image = '/images/hero-3.webp', url = '/posts/git-guide/' }, ] middle = [ { image = '/images/square-1.webp', url = '/posts/python-tips/' }, { image = '/images/square-2.webp', url = '/posts/linux-commands/' }, ] right = { image = '/images/portrait-1.webp', url = '/about/' } 设计细节 左侧主轮播：16:9 比例，自动播放（4 秒间隔），支持前后导航按钮和指示点 中部卡片：1:1 正方形图片，适合展示方形封面 右侧竖图：3:4 比例，适合展示竖版图片或头像 交互细节：鼠标悬停暂停轮播，焦点状态可访问，所有图片点击跳转到对应链接 响应式：移动端自动切换为单列堆叠布局 这个设计灵感来自传统杂志的封面排版 —— 大图吸引注意力，小图提供更多入口。 2. 双栏布局系统 首页双栏 首页采用 home-layout 双栏布局： 左侧（主内容区）：文章列表 右侧（侧边栏）：搜索框、分类列表、标签云、随机文章、近期文章 [params] # 首页显示文章数量 homePostCount = 8 侧边栏的每个小部件都有明确的用途： ...