hugo主题—aiovtue更新-2.2

简介

经过了一段时间的持续体验，对本主题进行了部分ui优化以及使用体验升级，带来了少量功能层面的更新，本次更新属于小更新，仅需替换主题文件夹，不用大改，具体替换步骤可以看之前的更新文章：点我跳转更新教程

点我跳转开源地址更新

更新有风险，请备份原始文件以防数据丢失

更新内容

首先介绍一下都更新了一些什么东西，以及更新之后有什么影响，先说结论，总体影响不大，之前的东西基本都兼容，不兼容的部分会进行说明

主页文章列表

这是本次更新最大的改动，主页文章列表样式在list列表模式下，可以选择单列和双列，在单列模式下，更新增加了卡片样式，本来不打算保留原本的列表样式的，但是想到可能有人就是喜欢列表，索性还是加上吧，那么多都留着了，也不差这一个了，可能大家也都看到过效果了，雪依旧使用测试了很久了，有来光顾过的应该都看到了，还是展示一下截图吧

之所以放两张是因为会根据浏览器宽度自适应跳转布局，有时候是两列有时候是三列，右侧边栏和三列大部分情况下其实是看不到的，毕竟不是所有人都全屏浏览器逛网站的

页脚访问统计

在页脚处增加了站点访问数统计，分为当日统计和总计，使用的是开源api-不蒜子，不得不说，公益开源万岁，这个api是根据域名来的，所以换个域名就会清零，大家要知道哦，并且本功能没有增加开关，因此介意者谨慎升级，其实也不用太担心，实在不喜欢改改页脚隐藏就好啦~

公告栏升级

公告栏部分语法进行升级，原本只支持纯文本和链接，现在支持基本都markdown语法，甚至包括图片，大家要是和雪有一样的图片需求更新后就能实现啦，也顺便提一句，有人想关注雪的公众号嘛~

除此之外，移动端list模式下原本没有公告部分，只在cards模式下有，更新后list模式增加滚动公告栏，方便大家移动端显示公告，其实想统一ui的，但是确实不那么适配感觉，大家酌情选择喜欢的吧，提一嘴的是，电脑端cards模式下手机端list模式下没有这个哦，虽然文章列表ui一样，这就是配置文件说的细微差别啦，大家要使用的话电脑端也需要一起切换哦，本功能支持单独开关，因此不喜欢也不怕啦~

文章详情页

大家能看出来有什么变化吗，是的，增加了一行：本文字数和阅读时间，算是一个很小的更新，这个不支持修改，介意者谨慎更新

相册页面

相册页面的ui做了优化，原本的单张平面样式有一点捡漏，改为了三张的堆叠样式，数量不够会像第二个一样减少，有一个缺点就是即使是加密相册也会显示预览，虽然加密本来就没啥用，但是这样更鸡肋了，主要是更新ui，不支持回退，介意者谨慎更新

友链页面

友链页面大家能猜到是什么更新吗，嘿嘿，是友链随机展示的更新，但是这个其实之前就可以，有什么好更新的，诶！这次更新时让友链每一个分组可以单独设置是否随机，是不是很有用，好吧可能也没啥用，但是不能没有

文章列表

在文章list模式下，当图片显示加载比较慢，还没加载出时，文字部分会显示到图片的位置，会导致界面乱七八糟的，虽然加载速度过快或者等一会就没事，但是还是修修吧，现在图片会固定站位，即使没加载出来~

图表

源分类，标签，归档页面上方的图表需要引入外部js，有时候打开页面需要加载半天，影响体验，先已集成到本地

更新步骤

主要讲需要单独新增的配置

文章列表

文章列表样式和移动端通知栏的开启关闭都需要增加对应配置，提一句，推荐文章部分也增加了开关，以下是新增部分代码

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  — 列表样式：隐藏公告栏与随机文章
  # single — 单列（默认）
  # double — 双列
  
  
  [params.home]
    layout = 'list'   # （cards，list，timeline）建议不要使用时间线模式，即timeline，不成熟样式
    desktopListColumns = 'single' # （single，double）list模式下单双列样式切换在此配置
    desktopListItemStyle = 'list' # layout=list时，single模式下选择文章列表为list/cards样式
    mobileCardsLayout = 'list'     #移动端样式设置（list、stack）注意桌面端cards和list模式下移动端布局略有区别，具体自行切换查看和体验
    mobileCardsBatchSize = 10  # 每页文章数，这个和上一个配置都是桌面移动端通用的，只是名字没改而已
    # timelineBatchSize = 10   # 时间线模式：首屏条数及每次滚动加载条数
    
    # 下列配置在list模式下生效，不建议更改
    archiveHeatmapColumns = 13  # 右侧归档热力图：每行列数
    archiveHeatmapRows = 4      # 右侧归档热力图：行数（格子总数 = 列数 × 行数）
    randomSidebarCount = 7      # 右侧随机文章显示篇数，不建议过多
    
    # 下方配置不建议动，过大会影响网页性能
    featuredCount = 4           # list 模式推荐区同时可见卡片数
    featuredPoolCount = 12      # list 模式推荐区候选池（排序后取前 N 篇 SSR，供切换按钮轮换）
    mobileNoticeTicker = true   # 移动端单行滚动公告
    featuredDesktop = true      # 电脑端推荐文章区
    featuredMobile = true       # 移动端推荐文章区

上面是新增代码所在区域全部代码，其实增加的只有下面几行：

text

    mobileNoticeTicker = true        # 移动端单行滚动公告
    featuredDesktop = true            # 电脑端推荐文章区
    featuredMobile = true              # 移动端推荐文章区
    desktopListItemStyle = 'list'   # layout=list时，single模式下选择文章列表为list/cards样式

友链

友链分组随机，给对应，即想要启用随机的分组增加shuffle: true即可，完整部分如下：

text

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

结语

好啦，更新步骤比较简单，更新内容也比较少，大家要是看到喜欢的更新欢迎前往更新哦，如果没有喜欢的其实更不更都行啦，最后需要提一嘴的是

更新！需要！备份！原始！文件！