主题更新前瞻

简介

这是一次比较大的小更新，但是文件暂时不会上传，当成一个前瞻版本即可，不上传是因为首先最近更新太频繁，其次这个也并非刚需更新，当然最主要是因为还没完全改好，而且改的也不是很多，后面打算弄好之后，和其他更新一起发布，时间的话，随缘吧，就当AIOVTUE-雪在内侧咯，记录此篇文章纯属怕自己忘记改了上面内容，此次更新包括后续基本所有更新都只需要替换主题文件夹即可，不用整体覆盖，大大减少了更新操作步骤

预览

那么来看一下更新了哪些东西吧，先总体说一下，主要修改了文章列表样式，友链页样式，页脚样式，音乐播放器等地方

文章列表

新增了一个文章列表样式，名为list样式，该样式下，电脑端文章列表会显示的更紧凑，并且可以切换单列或者双列显示，同时新增了随机样式设置，可以在多个列表样式之间切换，每次刷新显示不同的样式（单双列也会随机），随机内容可以自己设置，当然也可以不开启随机，本站目前开启的是list模式单双列随机，两个模式样式略微有些区别，具体看下图可以自由切换分页模式或者是自动加载的模式，都支持，主要是AIOVTUE-雪觉得这俩都挺好看的，很那抉择，就做成随机了，不过开启随机的话，主页文件内容会大大增加，因此，确定自己喜欢什么样子就不要随机了，选一个喜欢的就好

友链页

友链页改动不大，原本友链页支持两种友链样式，但是只能整页替换，此次更新增加单个分组设置，也就是说可以在同一个页面设置不同的样式了，方便友链数量过多后的展示效果，具体参考下图

音乐按钮

没什么太大变化，增加了吸附边缘的功能，因为一直显示按钮AIOVTUE-雪觉得有点碍眼，挡视线了，因此增加吸附，虽然可能直接关掉更合适？

页脚

页脚部分各部位排列稍微换了下位置，强迫症是这样的，这个可以自己调，其次在上方增加了一条分割虚线，没什么太大变化，是的

修改教程

除了替换主题文件，还涉及到部分配置文件新增设置，因此再次写上（就是我怕忘记的东西）

文章列表

text

 # --- 首页公告栏（右侧域名列表）---
  # --- 首页文章列表布局 ---
  # cards：默认卡片列表（含公告栏与随机文章轮播）
  # list：紧凑列表（电脑端单列时左栏站点信息/公告/标签 + 右栏文章；双列时无侧栏；不显示顶部公告栏）
  # timeline：居中时间线，文章左右交替；不显示公告栏与随机文章
  # layout：关闭随机时使用的固定布局；layouts 未设置时的后备
  # layouts：首页布局候选池（cards / list / timeline）
  # layoutRandom：是否启用随机（仅电脑端；移动端固定使用 layout）
  #               layouts 含 2 项及以上：电脑端在布局变体间随机
  #               layouts 仅含 list 时：电脑端在 list 单列/双列间随机
  #               layoutRandom = false 时：固定使用 layout 与 desktopListColumns
  # mobileCardsLayout：cards / list 模式下手机端文章列表样式（仅 max-width: 768px 生效）
  #   stack — 竖向卡片（cards 模式默认；list 模式下可显式设为 stack 以覆盖默认 list）
  #   list  — 列表样式：隐藏公告栏与随机文章；一行一条，左图 40% / 右文 60%（list 模式手机端默认）
  # desktopListColumns：list 模式下首页电脑端列数（仅 min-width: 769px 生效；分类页/标签页始终单列）
  #   single — 单列（默认）
  #   double — 双列
  # desktopCardsPaging：cards / list 模式下电脑端翻页方式（仅 min-width: 769px 生效；仅首页第一页支持 loadMore）
  #   pagination — 底部分页器翻页（默认）
  #   loadMore   — 滑动到底部自动加载更多
  # desktopCardsBatchSize：电脑端 loadMore 模式每次加载条数（默认同 mobileCardsBatchSize）
  # mobileCardsPaging：cards / list 模式下手机端翻页方式（仅 max-width: 768px 生效；仅首页第一页支持 loadMore）
  #   pagination — 底部分页器翻页（默认）
  #   loadMore   — 滑动到底部自动加载更多
  # mobileCardsBatchSize：手机端 loadMore 模式每次加载条数
  [params.home]
    layout = 'list'
    layouts = ['list']
    layoutRandom = true
    desktopListColumns = 'single'
    mobileCardsLayout = 'list'
    desktopCardsPaging = 'pagination'
    desktopCardsBatchSize = 10
    mobileCardsPaging = 'loadMore'
    mobileCardsBatchSize = 10
    timelineBatchSize = 10   # 时间线模式：首屏条数及每次滚动加载条数
    archiveHeatmapColumns = 13  # 右侧归档热力图：每行列数
    archiveHeatmapRows = 4      # 右侧归档热力图：行数（格子总数 = 列数 × 行数）
    randomSidebarCount = 7      # 右侧随机文章显示篇数
    featuredCount = 4           # list 模式推荐区同时可见卡片数
    featuredPoolCount = 12      # list 模式推荐区候选池（排序后取前 N 篇 SSR，供切换按钮轮换）

懒得一条条列举了，就这一块，上方大部分是注释，也就新增了下面的几行

音乐播放器

text

# --- 音乐播放器（APlayer + Meting.js）---
  # enable：是否显示播放器；单页可在 front matter 写 musicPlayer: false 关闭
  [params.music]
    enable = true
    position = 'left'                             # left | right，按钮默认停靠左下或右下
    edgeDock = true                               # 贴边吸附：仅露一条边，靠近时展开为圆球
    draggable = false

只增加了这一行edgeDock = true，全写上是方便对应位置和查找

友链

在data文件夹的links.yaml文件里，就是编辑友链信息那个文件，友链分组部分添加type属性即可，下面是示例：

text

  - name: 推荐网站
    type: simple
    desc: 这里是最熟悉的小伙伴（位置不限量哦~）
    links:

type和配置文件的type一样，就是simple和preview