hugo主题aiovtue迎来大更新

AI摘要

简介

经过一段时间的优化和更新,现在hugo-aiovtue 主题迎来第一次大更新,涵盖交互优化,功能新增等,改变比较大,不过大部分功能都提供了开关,不喜欢新样式的可以不启用或者不更新,下面对更新内容进行介绍,对了,开源地址

开源地址:https://github.com/AIOVTUE/hugo-theme-aiovtue

注意!更新前请备份,以防数据丢失

更新介绍

增加追番页面

考虑到部分用户有展示番剧需求,但是hugo并没有官方bangumi插件,因此添加这个界面有点麻烦,不过也是成功了,数据并非实时更新,而是构建时拉取数据进行渲染,因此不会实时变化,需要更新时请手动重新构建部署,下面是页面展示:点我跳转

增加看板娘

网站左下角增加看板娘模块,可在配置文件hugo.toml进行相关配置和是否开启,下面是效果展示,按需设置

增加鼠标样式

增加了一个小猫鼠标样式,这是AIOVTUE-雪 电脑上自用的,给你们瞅瞅哈哈哈,有需要也可以联系获取windows的安装文件哈,同样也可以在配置文件进行开关,以防有用户不喜欢,具体样式嘛,见本站

新增网页特效

包括樱花,萤火虫,下雨,下雪等,推荐使用萤火虫吧,那玩意好看点,具体同样在配置文件进行配置,也可以选择随机展示样式,具体看配置文件说明,截图太累了,发挥一下想象吧啊哈哈哈

文章增加ai总结

文章顶部增加ai总结部分,但并非真的接入ai,只是新增了一个文章摘要的部分,至于内容嘛,随便丢个ai让他总结就行了,需要给文章配置单独属性控制开关,属性为ai ,内容即摘要正文,具体见文章demo,效果嘛,看上面咯

文章新增MATH支持

文章增加公式支持,需要在单独文件增加math属性开启,true/false进行控制,这是为了节省资源,不用每个页面都渲染,下面是效果展示
这是一个行内公式:
这是欧拉公式:
这是二项式:
块级公式:

文章新增画板样式

所谓画板,就是-excalidraw,现在网站文章可以直接渲染画板文件,需要在特定目录新建文件,具体位置是content/excalidraw ,里面新建文件夹即使新增一个文章,具体可以查看已存在的demo示例,效果展示:点我前往

文章新增画廊样式

文章新增画廊样式,所谓画廊,即专门为了展示图片存在的页面,和普通文章一样,通过属性layout 控制是否渲染为画板,layout = gallery-post 时则渲染为画板,画板对文章内容有格式要求,图片会被单独渲染为独特页面,图片下方文章会被渲染为弹幕,一行即一条弹幕,直到下一章图片重新渲染下一张图片,具体前往页面体验:点我跳转
下面是截图

文章新增视频格式

顾名思义,增加对视频的渲染,插入格式和图片格式一样,只是链接换成视频就行,以前的话只能通过html代码插入,怪不方便的,下面是示例

所有页面头图视频支持

原本页面头图只支持图片,现已全面支持视频,包括特殊页面于文章页面,自定义程度再次提高,具体看本文头图

新增音乐播放器

页面左下角增加全站音乐播放器,采用公益api,有能力的可以自己替换为自己的,具体配置在hugo.toml 文件,可以控制开关,具体参考本站左下角,同时可以在配置文件控制位置居左或者居右,以及是否能够拖动等功能

新增字体大小自定义

文章页面字体大小增加自定义修改,具体配置在hugo.toml 文件中,建议1.1左右即可,可按喜好自定义

移动端顶栏自动隐藏

鉴于移动端屏幕过小,增加顶栏自动隐藏功能,需要手动在hugo.toml 文件开启,同时可以设置隐藏和显示阈值和触发状态,按需配置

新增页脚处友链显示

网站页脚增加友链展示功能,会展示12个友链,默认第一组,不够的向下候补,需手动开启,具体配置在hugo.toml 文件,按需配置 下面是样式效果:

新增友链页样式

鉴于友链页设计和其他网站样式区别过于大,可能部分人不喜欢此类样式,因此新增简单样式,可在配置文件手动更改,下面是效果对比

新增友链页朋友动态

友链页增加朋友动态功能,获取朋友文章进行随机展示,只会获取第一组,且配置了RSS的友链,并且有正文字数要求,默认缓存四篇,随机进行展示,每次展示同一友链最多两篇文章,由于是构建时拉取,因此不会自动更新,只会在推送更新后更新,可在配置文件控制开关,按需配置 下面是效果展示:

新增动态页面

动态页面有两种显示样式,一种类似朋友圈,一种类似卡片布局

重点:每条动态支持单独评论

可在配置文件自由切换,顺便提一下,如果不想要某些页面,直接在配置文件的顶栏和侧边栏位置注释掉对应页面按钮就行,眼不见为净~
下面是效果对比展示:

新增主页文章列表样式

文章主页文章列表增加时间轴样式,可在配置文件自由切换,下面是效果对比展示

留言页增加弹幕功能

留言页过于单调,怎加了弹幕功能,弹幕源是留言页下方评论内容,目前只支持twikoo,waline的话不太行,没做适配,主要我不用那个,大家最好也是使用twikoo,因为AIOVTUE-雪 用的这个,大部分地方都是根据这个进行适配的,所以支持会好一点,下面是展示效果

好啦,就介绍到这里了,具体的下载下来体验吧