AIOVTUE-雪

valaxy博客全局美化教程（一）

Thu, 28 May 2026 00:00:00 +0800

本系列教程共十篇

valaxy博客全局美化教程（一）：分类、标签、归档三个页面的美化教程
valaxy博客全局美化教程（二）：首页公告栏美化，新增随机文章展示板块
valaxy博客全局美化教程（三）：给网页增加加载动画
valaxy博客全局美化教程（四）：增加图片预览功能
valaxy博客全局美化教程（五）：友链页面美化，修改了友链样式以及增加留言板
valaxy博客全局美化教程（六）：留言页面增加信封展开效果
valaxy博客全局美化教程（七）：新增网址导航页面
valaxy博客全局美化教程（八）：页脚倒计时、搜索问题修复
valaxy博客全局美化教程（九）：新增相册页面，支持使用webdav作为相册
valaxy博客全局美化教程（十）：修复构建结束的时候会卡住

最初部署

简介

简单介绍一下valaxy，Valaxy = V + Galaxy 旨在成为下一代静态博客框架，提供更好的热更新与用户加载体验、更强大更便捷的自定义开发可能性。附上开源地址valaxy 本系列教程使用的主题是Sakura主题，附上开源地址sakura 在开始教程之前先看一下最终的页面效果先：

hugo主题博客推荐（aiovtue）

Mon, 20 Jul 2026 22:07:29 +0800

简介

本文仅为推广该主题，还没有一篇正式的推荐文章，如果有喜欢本主题的也希望可以发文推荐推荐哦，希望能有更多人使用这款主题，好啦，步入正题：

Hugo-theme-aiovtue，是一款开源hugo架构博客项目，是一个整体的项目非单主题，fork克隆之后修改为自己的信息直接就能部署，不需要繁杂的配置，下面是开源地址，有能力的可以直接跳转部署：

新主题-设计阶段

Sun, 19 Jul 2026 22:07:24 +0800

简介

一直打算为自己的绘画作品设计一个专门的展示网站，因为发现似乎，并没有类似的做的雪慢一点站点，只能说这种需求还是太小众，有些类似的，但是观感和体验一言难尽，这也是为什么本站会有专门的画廊模式文章，但这有点不够，虽然也挺不错的，不够我想要的是那种专属的展示站点，当然也不局限于作品，收集的好看的图片也行，于是便提上日程了，不够距离最终成品应该会需要很久很久，毕竟我也没有那么多时间，要是有人做出了雪满意的类似项目，可能直接就鸽了

主题紧急更新-2.1

Sat, 18 Jul 2026 21:07:02 +0800

简介

2.0更新后，发现了一个小问题，虽然不影响使用，但是，看到了不改很别扭啊啊啊啊，就是评论部分输入框占位符会显示选填而不是昵称这件事，怎么发现的呢，我去别的站点准备评论的时候一看，天塌了，简单修复一下，替换两个文件就好，很简单

Sat, 18 Jul 2026 14:50:36 +0800

整理了一下自己的站点
顺便重写了一下关于页面
突然发现自己的站点好多
顺便一提，煮的泡面比泡的好吃太多了！！

艾雪周刊 V.2—关于网站那些事

Sat, 18 Jul 2026 12:00:00 +0800

关于本刊

这是艾雪期刊的第 02 期，作为一个独立系列进行更新，更新时间在周末，主要内容为周内内容汇集以及碎碎念，有时会分享一些有趣的项目，有时是一些生活的碎碎念

主题文档-修改签名为自己的

Sat, 18 Jul 2026 00:07:00 +0800

简介

之前更新主题上传了一个签名效果的更新，但是由于是雪自己的签名，所以并不通用，解决办法是增加了开关效果控制，但是最近发现部分小伙伴关闭之后还是觉得别捏吧，想改文件，然后又可能会出小问题，其实这个签名可以替换的，并且也不难，如果有兴趣，可以跟随本教程将签名替换为自己的，由于js和css会实时获取svg的信息进行绘制，并不是写死的，所以实际上只需要替换svg签名文件就行，本期的终点也仅仅是绘制svg

主题更新-2.0

Fri, 17 Jul 2026 21:07:00 +0800

简介

主题迎来了又一次更新啦，本次更新版本号为2.0，所有代码以上传开源仓库

开源地址：点我跳转

更！新！主！题！请！备！份！源！文！件！

本次更新属于小更新，更新步骤比较简单，但是更新内容很丰富，首先是更新步骤概览仅需替换主题文件夹-aiovtue整个文件夹为新版本即可，参考下方配置文件新增设置项增加对应配置即可，当然，什么都不改就会和你原来的站点一样，主题更新的时候会尽量保证原有样式，以便有人不喜欢更新部分难以取舍，当然，有需求可以提，雪有时间可能会一起加进去，不过经过本次更新后，主题依旧基本完善，在没有特殊需求的情况系可能需要堆积一些修改才会更新（有修改的话），也欢迎大家提交遇到的问题，当然，能自己动手就更好啦哈哈哈，再和大家讲一讲本次更新内容

Fri, 17 Jul 2026 16:00:36 +0800

又更新站点啦，本次更新内容如下:

新增主页文章列表样式-list模式，包含单双两种样式
优化站点显示样式-grid模式，即网格背景
优化音乐悬浮球收纳吸边
新增twikoo文章访问数量统计功能，在文章详情页顶部
新增友链页面每个分组独立设置显示样式
新增周刊功能支持，需手动开启
修复文章详情页顶部文字和图标对不齐的问题
优化移动端card模式下显示样式
修复文章发布时间计算问题，时区问题，影响不大
优化页脚底部排列顺序
页脚增加分隔线
电脑端增加顶栏自动隐藏功能
电脑端顶栏增加固定（随页面移出屏幕）效果

收到CYON的诈骗邮件

Wed, 15 Jul 2026 20:07:05 +0800

简介

今天早上打开手机，收到一封邮件，点进去一看，是cyon发过来的，提示雪站点域名到期了，提醒续费，否则会影响站点服务，下面是原始邮件内容，大家先看看能不能看出来那里有问题：

Sun, 12 Jul 2026 16:00:36 +0800

给站点做了一点小更新，完善了一下背景网格样式的效果
同时新增了主页样式，更加紧凑，元素也更丰富
还有新增了周刊哦，本周开始周更计划！
修改暂时不上传开源仓库，还需要测试，想提前体验可以评论找我要哦

艾雪周刊 V.01—新的尝试

Sat, 11 Jul 2026 19:00:00 +0800

关于本刊

这是艾雪期刊的第 01 期，作为一个独立系列进行更新，更新时间在周末，主要内容为周内内容汇集以及碎碎念，有时会分享一些有趣的项目，有时是一些生活的碎碎念

主题更新前瞻

Sat, 11 Jul 2026 00:07:57 +0800

简介

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

Fri, 10 Jul 2026 18:00:36 +0800

今天看到部分小伙伴使用本主题，决定修复一些影响体验的小bug
主要是修复评论部分和看板娘部分

免费/付费域名大汇总

Wed, 08 Jul 2026 20:07:14 +0800

简介

本期介绍和汇总所有推荐过的免费域名，并且新增了几个免费域名，大体分为能托管和不能托管的

无法托管

这部分是不能托管到cloudflare的域名，大部分都只能在对应的网页客户端进行使用，不过拿来做DDNS的域名也是很不错的

Hugo主题aiovtue小更新

Wed, 08 Jul 2026 00:00:00 +0800

简介

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

更新内容

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

域名购买指南

Wed, 08 Jul 2026 00:00:00 +0800

简介

域名作为建站必备的东西，虽说免费的也够用，但是想要长期稳定运行，被搜索引擎收录，都离不开一个长久的稳定域名，这些是免费域名做不到的，因为谁也不能保证哪天就会突然不开放了，毕竟免费的才是最贵的，这期就给大家分享一些AIOVTUE-雪自己去过的，比较推荐的域名购买地点

可以托管cloudflare的免费域名

Tue, 07 Jul 2026 00:00:00 +0800

简介

主要是看一些朋友看了本站发布分享的主题博客之后有上手的想法，但是没有合适的域名，还得自己去找免费域名，索性就一起写了，方便不少，虽然之前也写过关于免费域名的文章，单毕竟时隔太久，可能不太适用了，并且近期也出现了很多优秀的新免费域名

安利一下我画的表情包

Sun, 05 Jul 2026 00:00:00 +0800

简介

这是很久之前画的表情包啦，那时候也没写个文章，光顾着自己用啦，现在想起来就给大家安利一下咯，首先是下载地址，直接在微信表情包商城搜索鼠鼠狗或者搜我名字AIOVTUE就能看到咯，或者直接点链接跳转：点我跳转

近期画作

Sun, 05 Jul 2026 00:00:00 +0800

这张很经典

就是我的各个头像

也是画的最满意的一张

这张也很好看哦

这是她生日给她画的

每每看到还是会想起她

可以随意插入的签名

Sun, 05 Jul 2026 00:00:00 +0800

简介

优化站点的时候顺手加的小功能，起因是有天逛博客看到一个站点，在每篇文章末尾都有一个签名效果，当时就很心动了，然后就寻思也搞一个，虽然步骤很简单，但是过程真的坎坎坷坷啊

Sat, 04 Jul 2026 10:25:36 +0800

终于把所有东西动弄好啦，累死我咯
大家可以去开源地址体验新版本啦

Fri, 03 Jul 2026 00:00:00 +0800

对hugo-aiovtue主题进行版本大更新，优化和新增部分功能 以下是本次更新内容

新增动态页面，双样式
文章新增画板（excalidraw）样式
文章新增画廊样式
文章新增MATH支持
文章新增视频格式支持
文章新增AI总结
所有页面头图视频支持
新增番剧页面
新增看板娘组件
新增网页特效
新增网页鼠标样式
新增友链页样式
新增主页文章列表样式
新增左下角音乐播放器
新增友链页朋友动态功能
新增字体大小自定义功能
新增移动端顶栏自动隐藏（手动开启）
新增页脚出友链显示功能
留言页增加弹幕功能

hugo主题aiovtue迎来大更新

Fri, 03 Jul 2026 00:00:00 +0800

简介

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

Excalidraw 示例画板

Thu, 02 Jul 2026 00:00:00 +0800

绝美hugo主题博客-行星环

Wed, 01 Jul 2026 00:00:00 +0800

简介

本项目基于hugo进行构建，主题为aiovt-simple主题，主题的制作参考了开源项目Shiro,部分页面几乎一样，感谢大佬开源，本项目也已经开源

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

原创部分为行星环 采用绝无仅有的方式展示你的文章，本项目更适合用作记录而非发布，下面是预览图片展示

免服务器动态博客-AueXUE

Tue, 30 Jun 2026 00:00:00 +0800

简介

AueXUE 是一个基于cloudflare进行托管，使用R2作为储存源，D1作为数据库的现代化动态博客项目，无需每次更改重新部署项目，实时预览你的更改，同时配套专属obsidian插件，方便在obsidian管理和发布文章，配有一键发布文章的功能，在obsidian打开对应文章点击发布即可直接将文档发布到云端并返回分享链接

为回忆定制的Hugo主题-Simple

Sun, 28 Jun 2026 00:00:00 +0800

简介

这几天呢，又开发了一个hugo的主题，参考了一下开源项目Shiro,同时也加入了一些自己的小巧思，制作出了这一块转为记录一生的网站，主要作为记录自己的过去现在以及未来，主题是简约和梦幻，本项目不适合用作发布一些教程之类的的传统博客，仅推荐作为个人站点记叙

预览

先给大家放出实际demo地址，有兴趣可以去看看

行星环：https://www.yybb.us 时间轴：https://20030327.xyz

Wed, 24 Jun 2026 00:00:00 +0800

对博客进行升级

Mon, 22 Jun 2026 00:00:00 +0800

使用 Hugo 重构了博客

Hugo最美主题-aiovtue

Mon, 22 Jun 2026 00:00:00 +0800

简介

简单说一下吧，就是之前的博客使用的是valaxy架构配合sakura主题，后面经过AIOVTUE-雪的一系列魔改才有了如今的模样，怀念的小伙伴可以去这里看看AIOVTUE-valaxy,你会发现其实和现在没什么区别，因为我将他完完全全的在hugo进行了重构，由于是重构，所以整体项目和文件会更加清晰，配置也会更加简单，由于之前是魔改的，导致东一块西一块的，这也是重构的原因之一，另一个重构的原因就是，AIOVTUE-雪很久之前就听说hugo的速度多么多么块，实际体验下来也很震惊，真的很快，就是主题太稀缺了，而且大都不符合AIOVTUE-雪的审美，因此进行了重构，重构后的主题AIOVTUE-雪觉得在hugo的主题里应该也算能排得上号了吧，至少按我的审美是这样的啦~

Thu, 11 Jun 2026 00:00:00 +0800

Memos-web 的想法终于落地了

Memos-web 不需要服务器

Thu, 11 Jun 2026 00:00:00 +0800

介绍

起因

最近无聊，写了个小玩意，感觉挺不错的，说说为什么想写个这个吧，最开始的时候用哪个memos，但是那个要部署在服务器上面，就很~没办法，我没有钱买服务器，或者说不想花钱买，后面就一直在找其他的项目，看看有没平替，不得不说，确实让我找到几个，但是吧，那个ui和操作，以及访问速度，真的有点感人，说的是这个memos-cloudflare,该说不说，作者很厉害，数据库，储存全都白嫖cloudflare，但是正因为需要数据库和R2这些，就注定离不开cloudflare，但是吧，这玩意在国内的速度就很迷会，时快时慢的，大多数时候打开就得加载半天，属于是很难受了，之后看到的项目基本都大同小异。

Sun, 07 Jun 2026 00:00:00 +0800

Valaxy 动态化

Valaxy博客动态化

Sun, 07 Jun 2026 00:00:00 +0800

简介

继之前对valaxy博客进行美化之后，觉得每次上传部署太过麻烦，因此对其进行了大改，现实现功能如下，数据改为储存于R2，数据库使用D1，文章页面，关于页面，友链页面等页面均储存在云端数据中，可以实现动态更改文章，发布文章，修改友链和其他页面数据等操作，而不需要重新部署，以下是部分截面预览截图

Sat, 06 Jun 2026 00:00:00 +0800

美化完工啦

valaxy博客全局美化教程（十）

Sat, 06 Jun 2026 00:00:00 +0800

本系列教程共十篇

valaxy博客全局美化教程（一）：分类、标签、归档三个页面的美化教程
valaxy博客全局美化教程（二）：首页公告栏美化，新增随机文章展示板块
valaxy博客全局美化教程（三）：给网页增加加载动画
valaxy博客全局美化教程（四）：增加图片预览功能
valaxy博客全局美化教程（五）：友链页面美化，修改了友链样式以及增加留言板
valaxy博客全局美化教程（六）：留言页面增加信封展开效果
valaxy博客全局美化教程（七）：新增网址导航页面
valaxy博客全局美化教程（八）：页脚倒计时、搜索问题修复
valaxy博客全局美化教程（九）：新增相册页面，支持使用webdav作为相册
valaxy博客全局美化教程（十）：修复构建结束的时候会卡住

覆盖文件

覆盖文件的意思就是，这个文件已存在，删除原本全部内容，替换为下方内容，不过删之前建议备份哦

覆盖`scripts\build-ssg.mjs`

text

import { spawn } from 'node:child_process'
import { createRequire } from 'node:module'
import { existsSync } from 'node:fs'
import { resolve } from 'node:path'

const BUILD_DONE_MARKERS = [
 '[HOOK] build:after done',
 'RSS Feed Files',
]
const GRACE_MS = 800
const HEARTBEAT_MS = 45_000
const MAX_MS = 20 * 60 * 1000

const require = createRequire(import.meta.url)
const valaxyBin = require.resolve('valaxy/bin/valaxy.mjs')
const distIndex = resolve(process.cwd(), 'dist/index.html')

const child = spawn(process.execPath, [valaxyBin, 'build', '--ssg'], {
 stdio: ['inherit', 'pipe', 'pipe'],
 env: process.env,
 windowsHide: true,
})

let finished = false
let successTimer
let outputBuffer = ''

function killChildTree() {
 if (!child.pid)
 return

 if (process.platform === 'win32') {
 spawn('taskkill', ['/PID', String(child.pid), '/T', '/F'], {
 stdio: 'ignore',
 windowsHide: true,
 })
 return
 }

 try {
 child.kill('SIGKILL')
 }
 catch {}
}

function finishSuccess() {
 if (finished)
 return
 finished = true
 clearTimeout(maxTimer)
 clearTimeout(successTimer)
 clearInterval(heartbeatTimer)

 if (!existsSync(distIndex)) {
 console.error('\n构建流程已结束，但未找到 dist/index.html，请检查构建日志。\n')
 killChildTree()
 process.exit(1)
 return
 }

 console.log('\n✓ 构建已完成，正在结束进程…\n')
 killChildTree()
 setTimeout(() => process.exit(0), 200)
}

function finishError(code) {
 if (finished)
 return
 finished = true
 clearTimeout(maxTimer)
 clearTimeout(successTimer)
 clearInterval(heartbeatTimer)
 process.exit(code ?? 1)
}

function scheduleSuccess() {
 clearTimeout(successTimer)
 successTimer = setTimeout(finishSuccess, GRACE_MS)
}

function inspectOutput(text) {
 outputBuffer += text
 if (outputBuffer.length > 8192)
 outputBuffer = outputBuffer.slice(-8192)

 if (BUILD_DONE_MARKERS.some(marker => outputBuffer.includes(marker)))
 scheduleSuccess()
}

const heartbeatTimer = setInterval(() => {
 if (finished)
 return
 console.log('\n⏳ 仍在构建中（SSG 预渲染可能较慢，请稍候）…\n')
}, HEARTBEAT_MS)

const maxTimer = setTimeout(() => {
 if (finished)
 return
 console.error('\nSSG 构建超时（20 分钟）。\n')
 killChildTree()
 finishError(1)
}, MAX_MS)

child.stdout.on('data', (chunk) => {
 const text = chunk.toString()
 process.stdout.write(text)
 inspectOutput(text)
})

child.stderr.on('data', (chunk) => {
 const text = chunk.toString()
 process.stderr.write(text)
 inspectOutput(text)
})

child.on('error', (error) => {
 console.error(error)
 finishError(1)
})

child.on('close', (code) => {
 if (finished)
 return
 if (code === 0 || existsSync(distIndex))
 finishSuccess()
 else
 finishError(code)
})

修改文件

修改`package.json`

替换原本"build:ssg": "valaxy build --ssg",为

valaxy博客全局美化教程（九）

Fri, 05 Jun 2026 00:00:00 +0800

本系列教程共十篇

valaxy博客全局美化教程（一）：分类、标签、归档三个页面的美化教程
valaxy博客全局美化教程（二）：首页公告栏美化，新增随机文章展示板块
valaxy博客全局美化教程（三）：给网页增加加载动画
valaxy博客全局美化教程（四）：增加图片预览功能
valaxy博客全局美化教程（五）：友链页面美化，修改了友链样式以及增加留言板
valaxy博客全局美化教程（六）：留言页面增加信封展开效果
valaxy博客全局美化教程（七）：新增网址导航页面
valaxy博客全局美化教程（八）：页脚倒计时、搜索问题修复
valaxy博客全局美化教程（九）：新增相册页面，支持使用webdav作为相册
valaxy博客全局美化教程（十）：修复构建结束的时候会卡住

效果展示

支持图床相册或者webdav网盘相册，均支持加密，支持时间轴显示（图床需要自己设置时间，webdav没测试时间轴），图片预览界面和之前的预览界面一样的，安装本美化之前请先安装valaxy博客全局美化教程（四），否则可能会出奇奇怪怪的问题

关于AIOVTUE-雪

Fri, 05 Jun 2026 00:00:00 +0800

关于本站

本站架构是hugo, 主题使用的是自己写的aiovtue主题，本项目已开源

本站已开源，点我跳转开源地址

本项目历经大大小小几次更新，部分功能未完全写入开源文档，部分设置项需要参考说明文档进行配置，已经安装过旧版本的请查阅对应文档进行更新，首次安装请忽略，直接fork仓库自定义即可，下面是各个版本的更新文档地址，按需跳转

valaxy博客全局美化教程（八）

Thu, 04 Jun 2026 00:00:00 +0800

本系列教程共十篇

valaxy博客全局美化教程（一）：分类、标签、归档三个页面的美化教程
valaxy博客全局美化教程（二）：首页公告栏美化，新增随机文章展示板块
valaxy博客全局美化教程（三）：给网页增加加载动画
valaxy博客全局美化教程（四）：增加图片预览功能
valaxy博客全局美化教程（五）：友链页面美化，修改了友链样式以及增加留言板
valaxy博客全局美化教程（六）：留言页面增加信封展开效果
valaxy博客全局美化教程（七）：新增网址导航页面
valaxy博客全局美化教程（八）：页脚倒计时、搜索问题修复
valaxy博客全局美化教程（九）：新增相册页面，支持使用webdav作为相册
valaxy博客全局美化教程（十）：修复构建结束的时候会卡住

页脚添加计时功能

预览效果

新建文件

以下是新建文件部分

新增components\SakuraFooter.vue

text

<script lang="ts" setup>
import type { Pkg } from 'valaxy'
import { useConfig } from 'valaxy'
import { isClient } from '@vueuse/core'
import { computed, onMounted, onUnmounted, ref, watch } from 'vue'

interface FooterConfig {
 icp?: string
 powered?: boolean
 runtimeSince?: string
}

interface RuntimeParts {
 days: number
 hours: number
 minutes: number
 seconds: number
}

const props = defineProps<{
 footer?: FooterConfig
 pkg?: Pkg
}>()

const config = useConfig()

const footer = computed(() => {
 if (props.footer)
 return props.footer

 return (config.value?.themeConfig as { footer?: FooterConfig } | undefined)?.footer ?? {}
})

const runtime = ref<RuntimeParts | null>(null)

let timer: ReturnType<typeof setInterval> | undefined

function parseStartTime(since: string) {
 const trimmed = since.trim()

 if (/^\d{4}-\d{2}-\d{2}$/.test(trimmed)) {
 const [year, month, day] = trimmed.split('-').map(Number)
 return new Date(year, month - 1, day, 0, 0, 0, 0)
 }

 const start = new Date(trimmed)
 if (Number.isNaN(start.getTime()))
 return null

 return start
}

function updateRuntime() {
 const since = footer.value.runtimeSince
 if (!since) {
 runtime.value = null
 return
 }

 const start = parseStartTime(since)
 if (!start) {
 runtime.value = null
 return
 }

 let diffMs = Date.now() - start.getTime()
 if (diffMs < 0) {
 runtime.value = null
 return
 }

 const days = Math.floor(diffMs / 86_400_000)
 diffMs -= days * 86_400_000

 const hours = Math.floor(diffMs / 3_600_000)
 diffMs -= hours * 3_600_000

 const minutes = Math.floor(diffMs / 60_000)
 diffMs -= minutes * 60_000

 const seconds = Math.floor(diffMs / 1000)

 runtime.value = { days, hours, minutes, seconds }
}

function stopTimer() {
 if (timer !== undefined) {
 clearInterval(timer)
 timer = undefined
 }
}

function startTimer() {
 updateRuntime()
 stopTimer()

 if (isClient)
 timer = setInterval(updateRuntime, 1000)
}

watch(() => footer.value.runtimeSince, startTimer)

onMounted(startTimer)
onUnmounted(stopTimer)
</script>

<template>
 <footer class="sakura-footer h-$sakura-footer-height" text="center sm" style="color:var(--va-c-text-light)">
 <div v-if="footer.icp" class="icp" p="y-2" v-html="footer.icp" />

 <SakuraCopyright />

 <p v-if="runtime" class="sakura-footer-runtime">
 本站已经流畅运行
 <span class="sakura-footer-runtime__num">{{ runtime.days }}</span>天
 <span class="sakura-footer-runtime__num">{{ runtime.hours }}</span>小时
 <span class="sakura-footer-runtime__num">{{ runtime.minutes }}</span>分钟
 <span class="sakura-footer-runtime__num">{{ runtime.seconds }}</span>秒
 </p>

 <SakuraPowered v-if="footer.powered" />

 <slot />
 </footer>
</template>

<style lang="scss" scoped>
.sakura-footer-runtime {
 margin: 0;
 padding: 4px 0 8px;
 font-size: 0.875rem;
 line-height: 1.6;
 color: var(--va-c-text-light);
}

.sakura-footer-runtime__num {
 font-variant-numeric: tabular-nums;
 font-weight: 600;
 color: var(--sakura-color-primary, #fe9500);
}
</style>

修改文件

以下是修改文件部分

valaxy博客全局美化教程（七）

Wed, 03 Jun 2026 00:00:00 +0800

本系列教程共十篇

valaxy博客全局美化教程（一）：分类、标签、归档三个页面的美化教程
valaxy博客全局美化教程（二）：首页公告栏美化，新增随机文章展示板块
valaxy博客全局美化教程（三）：给网页增加加载动画
valaxy博客全局美化教程（四）：增加图片预览功能
valaxy博客全局美化教程（五）：友链页面美化，修改了友链样式以及增加留言板
valaxy博客全局美化教程（六）：留言页面增加信封展开效果
valaxy博客全局美化教程（七）：新增网址导航页面
valaxy博客全局美化教程（八）：页脚倒计时、搜索问题修复
valaxy博客全局美化教程（九）：新增相册页面，支持使用webdav作为相册
valaxy博客全局美化教程（十）：修复构建结束的时候会卡住

效果演示

这个页面效果有点多，其中有一个随机网站抽卡界面，大家最好还是亲自体验一下比较好前往体验

站长的小巧思，点击到处转转按钮有惊喜哦~

valaxy博客全局美化教程（六）

Tue, 02 Jun 2026 00:00:00 +0800

本系列教程共十篇

valaxy博客全局美化教程（一）：分类、标签、归档三个页面的美化教程
valaxy博客全局美化教程（二）：首页公告栏美化，新增随机文章展示板块
valaxy博客全局美化教程（三）：给网页增加加载动画
valaxy博客全局美化教程（四）：增加图片预览功能
valaxy博客全局美化教程（五）：友链页面美化，修改了友链样式以及增加留言板
valaxy博客全局美化教程（六）：留言页面增加信封展开效果
valaxy博客全局美化教程（七）：新增网址导航页面
valaxy博客全局美化教程（八）：页脚倒计时、搜索问题修复
valaxy博客全局美化教程（九）：新增相册页面，支持使用webdav作为相册
valaxy博客全局美化教程（十）：修复构建结束的时候会卡住

话不多说，先看效果

页面下滑时信封自动展开，上划自动闭合，可以自己换图片，但是尺寸要一样哈，由于涉及到图床，大家尽量只下载图片，不要直接使用站长的链接，因为站长不能保证什么时候就失效了给出所有图片的图床链接：

valaxy博客全局美化教程（五）

Mon, 01 Jun 2026 00:00:00 +0800

本系列教程共十篇

valaxy博客全局美化教程（一）：分类、标签、归档三个页面的美化教程
valaxy博客全局美化教程（二）：首页公告栏美化，新增随机文章展示板块
valaxy博客全局美化教程（三）：给网页增加加载动画
valaxy博客全局美化教程（四）：增加图片预览功能
valaxy博客全局美化教程（五）：友链页面美化，修改了友链样式以及增加留言板
valaxy博客全局美化教程（六）：留言页面增加信封展开效果
valaxy博客全局美化教程（七）：新增网址导航页面
valaxy博客全局美化教程（八）：页脚倒计时、搜索问题修复
valaxy博客全局美化教程（九）：新增相册页面，支持使用webdav作为相册
valaxy博客全局美化教程（十）：修复构建结束的时候会卡住

效果演示

原本的友链页面比较单调，也没有留言板，就改了一下

新增文件

以下是新增文件部分哦，共4个文件

第一个比较特殊，说明一下，公告部分再次修改

valaxy博客全局美化教程（四）

Sun, 31 May 2026 00:00:00 +0800

本系列教程共十篇

valaxy博客全局美化教程（一）：分类、标签、归档三个页面的美化教程
valaxy博客全局美化教程（二）：首页公告栏美化，新增随机文章展示板块
valaxy博客全局美化教程（三）：给网页增加加载动画
valaxy博客全局美化教程（四）：增加图片预览功能
valaxy博客全局美化教程（五）：友链页面美化，修改了友链样式以及增加留言板
valaxy博客全局美化教程（六）：留言页面增加信封展开效果
valaxy博客全局美化教程（七）：新增网址导航页面
valaxy博客全局美化教程（八）：页脚倒计时、搜索问题修复
valaxy博客全局美化教程（九）：新增相册页面，支持使用webdav作为相册
valaxy博客全局美化教程（十）：修复构建结束的时候会卡住

效果预览

简单介绍一下，我用的时候这个博客没有图片预览，就加了一个，大概效果是这样的，底部有预览栏，可以点击切换，移动端可以滑动切换，支持图片缩放，效果还是不错的，对了，后续有一个相册页面，如果想要加入相册页面的话，这个部分必须得加哦，否则可能会出小问题，因为这两个东西是一起写的，虽然二者的图片预览是单独分开的，但是说不好哦~

valaxy博客全局美化教程（三）

Sat, 30 May 2026 00:00:00 +0800

本系列教程共十篇

valaxy博客全局美化教程（一）：分类、标签、归档三个页面的美化教程
valaxy博客全局美化教程（二）：首页公告栏美化，新增随机文章展示板块
valaxy博客全局美化教程（三）：给网页增加加载动画
valaxy博客全局美化教程（四）：增加图片预览功能
valaxy博客全局美化教程（五）：友链页面美化，修改了友链样式以及增加留言板
valaxy博客全局美化教程（六）：留言页面增加信封展开效果
valaxy博客全局美化教程（七）：新增网址导航页面
valaxy博客全局美化教程（八）：页脚倒计时、搜索问题修复
valaxy博客全局美化教程（九）：新增相册页面，支持使用webdav作为相册
valaxy博客全局美化教程（十）：修复构建结束的时候会卡住

效果预览

老规矩，先看效果

前置步骤

本效果基于valaxy内置的foucGuard服务，需要先开启，全名叫FOUC（Flash of Unstyled Content）防护配置。效果是，通过在 <head> 中内联 body { opacity: 0 !important } 隐藏页面，并通过 JS 监测所有样式表加载完成后，移除该隐藏样式标签以显示页面，防止首屏样式闪烁和样式分批渲染的问题。简单来说就是在你的页面加载完成之前一直白屏，以防加载出乱码来，但是白屏不太美观，所以我加入了加载动画先开启服务：这是控制该组件的代码

valaxy博客全局美化教程（二）

Fri, 29 May 2026 00:00:00 +0800

本系列教程共十篇

valaxy博客全局美化教程（一）：分类、标签、归档三个页面的美化教程
valaxy博客全局美化教程（二）：首页公告栏美化，新增随机文章展示板块
valaxy博客全局美化教程（三）：给网页增加加载动画
valaxy博客全局美化教程（四）：增加图片预览功能
valaxy博客全局美化教程（五）：友链页面美化，修改了友链样式以及增加留言板
valaxy博客全局美化教程（六）：留言页面增加信封展开效果
valaxy博客全局美化教程（七）：新增网址导航页面
valaxy博客全局美化教程（八）：页脚倒计时、搜索问题修复
valaxy博客全局美化教程（九）：新增相册页面，支持使用webdav作为相册
valaxy博客全局美化教程（十）：修复构建结束的时候会卡住

最终效果展示

老样子，先看看最终效果左侧部分是公告栏，会自动识别连接，点击跳转，右侧部分是随机文章，会在这部分显示随机文章，并且会随时间自动切换，当然也可以滚轮手动切换

Thu, 28 May 2026 00:00:00 +0800

开始尝试对 Valaxy 博客美化

免费域名2-netlib

Wed, 12 Nov 2025 15:07:35 +0800

简介

这次介绍的免费域名服务叫-netlib，介绍说是提供了很多年的免费域名了，还可以托管到cloudflare，实际体验下来确实不错，就是托管到cloudflare的时候成功率随缘，不过跟着本教程走可以大大提高成功率先给出官网地址，同时给出官网截图

Cloud Mail-无限邮箱

Wed, 12 Nov 2025 15:03:46 +0800

部署次项目需要一个可以托管在cloudflare的域名，没有的可以参考博主写的免费域名推荐注册一个

简介

此项目叫cloud-mail，这里附上原作者github项目地址这里同时给出原作者发布的demo，嫌麻烦的可以直接使用，不过求稳定的话建议还是自己部署一个，因为这个可以设置所有邮件发到指定邮箱，所以使用别人部署的服务的话信息容易泄露，不在乎的当我没说来一张网站截图,可以自己选是否开放注册、用户多邮箱功能，所有邮箱邮件发送到指定邮箱等功能

网页归档工具-Web Archive

Wed, 12 Nov 2025 14:04:09 +0800

简介

这里先介绍一下-Web Archive，它和最著名的服务“Wayback Machine”（时光机）类似，能够抓取和存档网页，并允许用户在过去的不同时间点查看这些网页的快照。这里附上项目开源地址先

obsidian文章一键分享

Wed, 20 Aug 2025 00:00:00 +0800

Aiovtue-ob - 全栈文章发布平台

本项目由 ==AIOVTUE-雪== 开发

一个基于Cloudflare的全栈解决方案，让您可以轻松地将Obsidian笔记发布到Web平台，支持文章管理、分享和在线编辑。

一些壁纸

Mon, 18 Aug 2025 00:00:00 +0800

秘密哦

Sun, 15 Jun 2025 00:00:00 +0800

常见邮箱汇总

Wed, 05 Mar 2025 00:00:00 +0800

电子邮箱这玩意，用得着的需要挺多的，用不着的那就用不着，管他那，写着，总有人要的

QQ邮箱

腾讯旗下的邮箱，用过qq的都知道，这玩意就是你的QQ号，但是吧这玩意纯数字的东西，老被打上底端的标签，不过用过最多知道最广的莫过于这个了

夸克网盘加速

Mon, 03 Mar 2025 00:00:00 +0800

众所不周知，我一般发的都是夸克网盘链接，下载速度有点慢，但是也不是没有办法

第一步安装软件

下载这玩意离不开第三方软件，这次要用到的是bitcomet，老样子，下载链接如下

阿里云盘加速

Sun, 02 Mar 2025 00:00:00 +0800

众所周知，网盘这玩意没有一个不限速的，不是限速就是在限速的路上，，阿里云盘这玩意早些说永不限速，emmm，现在速度依旧感人，之所以在用是因为容量比较大，不过没事，今天来一个加速的办法

各类网盘汇总

Sat, 01 Mar 2025 00:00:00 +0800

网盘这玩意在精不在多，推荐几个容量大的常用，小众小容量的备用

百度网盘

百度网盘-免费云盘丨文件共享软件丨超大容量丨存储安全

百度网盘这玩意懂得都懂，空间大速度低资源多，分享方便下载困难，最开始的用户注册有3T，后来变成2T，到现在新用户注册只有100G了，emmm问题不大，淘宝上有卖号的，可以买一个容量大的换绑也不是很贵。主要是下载，几百kb，不过淘宝一天会员急用还行，几块钱

免费域名分享

Mon, 09 Sep 2024 00:00:00 +0800

搭建网站什么的都需要一个域名，不想付费或者只用一点没必要付费，那免费域名肯定得安排上啊，下面是我自己在网上找到的一些免费域名方案，我自己只在两个地方成功过，其他地方不是绑卡就是申请失败，还有些不支持托管cloudflare，很无奈。

个人博客系统-Rin

Sun, 08 Sep 2024 00:00:00 +0800

预览：AIOVTUE’S blog

本博客根据开源博客Rin部署

Rin 是一个基于 Cloudflare Pages + Workers + D1 + R2 全家桶的博客，无需服务器无需备案，只需要一个解析到 Cloudflare 的域名即可部署

我选他的原因也很明显，他可以实现动态博客，不用像一般的静态博客一样，需要本地编译发表文章，他可以直接线上发布，很好用！（你说为什么不直接用动态博客，没有服务器呗），缺点就是，部署稍微麻烦点这里稍微介绍一下难点和大体部署思路：

玩客云刷机教程

Thu, 05 Sep 2024 00:00:00 +0800

一、固件下载

固件版本说明

current（推荐）：稳定版，一般指代当前官方推荐的稳定版本，经过了充分的测试和优化，确保兼容性和稳定性较高
Edge：开发版，一般是让高级用户或开发者提前体验新功能，并提供反馈，包含了最新的功能更新或者实验性特性，但相对稳定性可能会较低，可能存在未知的问题

绘画作品展示

Wed, 01 May 2024 00:00:00 +0800

这个板块主要记录我画画的路上出现的一些作品，可能不会那么好看，主要做一个记录，当然没有特别备注的不存在版权问题，可以随意使用，但请尊重，不要喷哦

Hello World

Sat, 20 Apr 2024 00:00:00 +0800

Hello World！

不留下点什么吗

Mon, 01 Jan 0001 00:00:00 +0000

来加入我们叭

Mon, 01 Jan 0001 00:00:00 +0000

搜索

Mon, 01 Jan 0001 00:00:00 +0000

追番

Mon, 01 Jan 0001 00:00:00 +0000

AIOVTUE-雪

valaxy博客全局美化教程（一）

本系列教程共十篇

最初部署

简介

hugo主题博客推荐（aiovtue）

简介

新主题-设计阶段

简介

主题紧急更新-2.1

简介

艾雪周刊 V.2—关于网站那些事

关于本刊

主题文档-修改签名为自己的

简介

主题更新-2.0

简介

收到CYON的诈骗邮件

简介

艾雪周刊 V.01—新的尝试

关于本刊

主题更新前瞻

简介

免费/付费域名大汇总

简介

无法托管

Hugo主题aiovtue小更新

简介

更新内容

域名购买指南

简介

可以托管cloudflare的免费域名

简介

安利一下我画的表情包

简介

近期画作

可以随意插入的签名

简介

hugo主题aiovtue迎来大更新

简介

Excalidraw 示例画板

绝美hugo主题博客-行星环

简介

免服务器动态博客-AueXUE

简介

为回忆定制的Hugo主题-Simple

简介

预览

Hugo最美主题-aiovtue

简介

Memos-web 不需要服务器

介绍

起因

Valaxy博客动态化

简介

valaxy博客全局美化教程（十）

本系列教程共十篇

覆盖文件

覆盖scripts\build-ssg.mjs

修改文件

修改package.json

valaxy博客全局美化教程（九）

本系列教程共十篇

效果展示

关于AIOVTUE-雪

关于本站

本站已开源，点我跳转开源地址

valaxy博客全局美化教程（八）

本系列教程共十篇

页脚添加计时功能

预览效果

新建文件

修改文件

valaxy博客全局美化教程（七）

本系列教程共十篇

效果演示

valaxy博客全局美化教程（六）

本系列教程共十篇

话不多说，先看效果

valaxy博客全局美化教程（五）

覆盖`scripts\build-ssg.mjs`

修改`package.json`