Hugo主题aiovtue小更新

简介

本站主题，即Hugo-aiovtue，今天带来一次小更新，本次更新不需要全局覆盖，比较简单，直接替换整个主题文件夹即可，下方会有详细介绍
注意！！修改前请备份，本次更新无需全局替换！

更新内容

先展示一下这版本更新带来了什么再决定要不要更新，先说一个事情，由于在上个版本本站增加了签名的效果，导致文章底部版权处和页脚处的作者名称替换为了AIOVTUE-雪的签名，但是单独分离两次更新有点麻烦，索性换了种方式，在配置文件为这个功能增加了开关，默认关闭，关闭情况下显示站点作者名称，配置文件能够自行设置

唯一的影响就是正文部分，由于这个签名为正文增加了一个签名效果语法即：[],内部写上签名二字，你可能会好奇为什么不直接打出来，是我不想么~ 换句话说，括号内写签名将会不能在出现在你的文章正文部分，由于几乎没什么影响，所有也不增设开关，周知即可

文章列表样式

主要针对手机端文章列表样式进行更新，也是本次更新的主要内容，起因是之前逛其他博客看到这种布局感觉很清爽，反观自己的，确实有点太大了，找一篇文章得滑半天，那么先看看效果吧

底部文章并非没有对齐哈，是由于动画效果，不是bug，具体请自行体验，需要注意的是，此模式下，不再显示公告板与随机文章部分，电脑端保持不变

移动端顶栏

移动端顶栏隐藏效果优化，原本只支持文章页面自动隐藏，现在增加了全局，同样有单独开关，需要自行打开，效果和原来没什么区别，不赘述

页脚更新

在网站页脚处，增加了一行：Powered by hugo & theme aiovtue字样，目的也是为了让更多人直到这个主题，当然AIOVTUE-雪也是有点私心的啦~ 嘿嘿嘿，希望大家可以保留吧，也没设置单独开关，不过真的不喜欢的话，直接删掉就行，主题文件中有一个名为footer.html的文件，找到对应位置删除相关部分即可（你们会保留的，对么(｡•́︿•̀｡) ）

更新步骤

下面将下小更新怎么更新吧，后续基本也都这个步骤了，由于改动不大，大部分修改都只针对主题，因此直接替换主题文件夹即可，路径为：themes\aiovtue，简单介绍一下吧，themes下面的各文件夹就是主题文件夹，例如这里的aiovtue对应的就是aiovtue主题，更新的时候，下载本开原仓库zip文件，删除你原本项目文件themes文件夹下方的aiovtue整个文件夹，将刚才下载的zip文件夹中对应目录的aiovtue文件夹整个拖过去替换就行，就这么简单

配置文件

除了替换主题文件夹外，由于各功能增加了开关，所以还需要在配置文件中增加相关开关代码，具体可以查看zip内配置文件和自己的配置文件对比，这里下面会放出各功能对应的代码，方便快速查找

主页样式

text

  # mobileCardsLayout：cards 模式下手机端文章列表样式（仅 max-width: 768px 生效）
  #   stack — 竖向卡片（默认，与桌面左右交替卡片在手机端的表现一致）
  #   list  — 列表样式：隐藏公告栏与随机文章；一行一条，左图 40% / 右文 60%
  # mobileCardsPaging：cards 模式下手机端翻页方式（仅 max-width: 768px 生效；桌面端始终分页）
  #   pagination — 底部分页器翻页（默认）
  #   loadMore   — 滑动到底部自动加载更多（仅首页第一页）
  # mobileCardsBatchSize：手机端 loadMore 模式每次加载条数
  [params.home]
    layout = 'cards'
    mobileCardsLayout = 'list'
    mobileCardsPaging = 'loadMore'
    mobileCardsBatchSize = 10

最主要的新增部分只有：

text

    mobileCardsLayout = 'list'
    mobileCardsPaging = 'loadMore'
    mobileCardsBatchSize = 10

第一行就是切换移动端样式的选项，第二行是移动端改为自动加载（不分页）模式的选项，第三行就是单页文章数啦，按需修改哦

签名

text

  # --- 动态手写签名（signature-inline）---
  # postCopyrightEnable：文章底部版权声明处的签名动画
  # footerEnable：全站页脚 copyright 区「by xxx」处的签名动画（关闭后显示 author.name 文字）
  [params.signature]
    postCopyrightEnable = true
    footerEnable = true

签名部分增加的代码如上，两行分别是版权处也页脚处的开关，自由配置咯

默认会开启哦，得自行添加关闭！

顶栏隐藏

text

    # 移动端下滑隐藏顶栏（默认首页不生效，设 includeHome = true 则全站含首页生效）
    [params.navbar.mobileCollapse]
      enable = true
      includeHome = true

实际就增加了includeHome = true这一行，即控制全局的隐藏开关

结语

本次更新主要是满足AIOVTUE-雪自己的审美需求哈，因此不喜欢完全可以不更，上个版本基本就挺不错了，但是想着万一有人审美跟AIOVTUE-雪一样，就一起开源了吧