Home on 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 在开始教程之前先看一下最终的页面效果先：

开始部署

本教程基于windows端

选择一个合适的地方新建一个文件夹。

由于后期这个文件夹会变得非常大，所以建议一开始就选择合适的位置，推荐路径不要出现中文，虽然我弄下来没啥问题。
使用管理员身份打开powershell终端

虽然官方文档没要求必须管理员运行，但是我拉取文件的时候遇到一些问题，所有还是建议用一下。
在终端cd到你的文件夹

以防你不懂，加入你刚刚创建的文件夹路径是这个C:\demo\demo,那么你只需要输入cd加上你的文件夹路径即可，示例：cd C:\demo\demo。
安装valaxy和主题

该操作基于电脑安装了pnpm或npm的基础上，没安装的搜一下教程，或者看这个pnpm安装教程(主播也是百度找的~) 推荐安装pnpm，因为我用的这个，你们使用另一个的话后面可能会出一些奇奇怪怪的问题，毕竟我没用过在刚刚的终端运行以下命令pnpm create valaxy，运行之后程序会开始创建流程会经理一下过程

这个界面是问你用来干什么，选择第一个blog作为博客

这是让你选择主题，我们选第三行custom,这行的意思是自己输入主题名

输入主题名sakura，本教程所有修改基于此主题，虽然没改主题文件，但是选其他主题可能会遇到奇奇怪怪的问题

这是问你项目名称叫什么，就是文件夹名称，随便起一个英文就行然后会问你是否运行，输入y就行

这里选择pnpm即可开始自动安装出现下面的界面就是安装完成了

上面的链接就是你的网站，ctrl+鼠标点击即可在浏览器打开链接，到此可以初步预览你的博客

开始美化

一共分为两大步，其中要增加六个文件，修改三个文件，由于大部分教程重复，只拿第一次出现的地方进行说明，后面忘记了回来看前面

分类页面

分类页面公新增两个文件，别漏了哦

新增文件

所谓新增文件的意思就是新增文件夹，哈哈哈，这里解释一下我的写法是什么意思，博客的目录类似于

项目根目录/
│
├─ .valaxy/
├─ .vscode/
├─ components/
├─ layouts/
├─ locales/
├─ node_modules/
├─ pages/
├─ public/
├─ styles/
│
├─ .dockerignore
├─ .editorconfig
├─ .gitignore
├─ .npmrc
├─ Dockerfile
├─ netlify.toml
├─ nginx.conf
├─ package.json
├─ pnpm-lock.yaml
├─ README.md
├─ site.config.ts
├─ tsconfig.json
├─ valaxy.config.ts
└─ vercel.json

这个就是你刚才创建的文件夹，拉取valaxy博客之后的文件夹目录，我写的路径是基于此根目录的，举个例子，下方的\components\SakuraCategoriesChart.vue文件的意思就是，在文件夹components内部，新建一个名为SakuraCategoriesChart.vue的文件（windows创建这种文件的办法是右键，新建文本文档，然后把文件名连同后缀更改为这个即可），接着将文件下方的代码<script lang="ts" setup> .........复制到文件内即可，后续类似的新建文件按照同样的步骤，根据上方的文件夹路径和文件夹名称创建文件在写入内容即可。

绝美hugo主题博客-行星环

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

简介

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

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

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

下面是行星环深色模式动态演示

部署教程

快速开始

本地开放，先克隆仓库，再运行预览

# 克隆仓库
git clone https://github.com/AIOVTUE/hugo-theme-aiovtue.git
cd hugo-theme-aiovtue

# 修改 hugo.toml 中的 baseURL、站点信息等

# 本地开发（含草稿，热更新）
hugo server -D
# 生产构建
hugo --minify --gc

构建输出在 public/

免服务器动态博客-AueXUE

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

简介

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

开源地址：https://github.com/AIOVTUE/AueXUE

网站预览

网站样式预览可以前往 https://daily.yybb.us 该站点是基于hugo重构，ui界面保持一致，如果对这个感兴趣的话，请看 Hugo最美主题-aiovtue

这里也放几张站点的截图方便预览

具体还是前往站点亲自体验比较好，下面是站点后台管理的样式，这个无法体验，我多几张

登陆页面

文章页面

友链管理

自定义

页面

下面是各个页面的自定义部分位置，首先是文章，由于文章储存在云端，但是在部署的时候会进行一次文章迁移，会将本地文章迁移至云端，因此，本地调试时可以加上想写的文章，不过后续更新文章不要使用这种方式，直接在后台管理即可，具体路径是\AueXUE\content\posts文件夹，默认放了两篇文章同样的，在\AueXUE\content文件夹内部还有关于页，相册页，友链页以及公告栏等页面的相关配置，修改相关页面头图标题之类的找到对应index.md文件修改即可

其他页面

部分页面只有静态文件，没有放在云端，后续也只需要修改一次，上面那些页面基本都是能在后台管理的，本地改不改都行，只是首次会进行同步，但是这部分的页面并不是，只是一次性的，静态文件，不支持后台修改，但是基本只需要修改一次，使用没有集成到后台，具体路径是\AueXUE\pages文件夹下各文件夹，包括分类，标签，等页面，注意，后缀为.vue的文件不要修改，只需要找到相应的index.md文件修改即可

站点信息

站点信息分布在两个地方，涵盖两个文件site.config.ts和valaxy.config.ts site.config.ts文件包含内容如下：

站点地址站点标题站点头像站点图标社交图标打赏信息

valaxy.config.ts文件包含内容如下：

主题色导航页视频链接默认文章封面首页头图文字、背景顶栏信息侧边栏信息页脚计时起始时间页脚备案信息归档页图表起始时间评论配置（twikoo）

大部分应该都写上去了，可能会漏掉一些~

友链公告

这部分比较特殊，被写死了，所以没再配置文件里面，具体修改位置在\AueXUE\components\FriendLinkNotice.vue文件内，具体位置在

 本站友链信息如下：
 </p>
 <ul class="friend-link-site-info__list">
 <li>
 站点名称：<span class="friend-link-highlight">AIOVTUE-雪</span>
 </li>
 <li>
 站点链接：<span class="friend-link-highlight">https://live.yybb.us</span>
 </li>
 <li>
 站长头像：<span class="friend-link-highlight">{{ siteInfo.avatar }}</span>
 </li>
 <li>
 站点描述：<span class="friend-link-highlight">雨滴会记录生命中的每一个瞬间</span>
 </li>
 <li>
 站点截图：<span class="friend-link-highlight">https://r2tc.20030327.xyz/file/博客/主题/1780909850378_1780909790262.png</span>
 </li>

具体在这部分，正常情况会自动获取站点配置，但是部分信息得自己改，修改很简单，直接把对应文字或者链接改为自己的即可

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

把 Hexo 站点的文章和页面慢慢搬进 Hugo 了。文件名、链接都对齐之后，心里踏实不少——博客还是那块数字花园，只是换了个更快的架子。

为回忆定制的Hugo主题-Simple

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

简介

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

预览

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

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

下面使用图片进行介绍：

首页

首先是首页，首页的设计基本是完全参考了 Shiro ，AIOVTUE-雪觉得他的头图页面和这个博客的主题十分适配，最开始想到做这个其实也是看到它之后才有的想法，使用很大部分都会非常像，那么为什么不直接用它呢，因为要服务器？

文章页

时间轴

然后是文章列表页面，着重介绍的部分就是文章列表页面，因为是以记录和回忆为出发点，因此，没有采用传统的列表或者时间轴排布，当然其实是支持时间轴模式的，可以在配置文件自由设置，先看看时间轴的样式吧

行星环

是不是感觉和Shiro一模一样，因为就是跟着写的，喜欢的当然也可以选这种模式，不过AIOVTUE-雪想介绍的是下面这个，这个显示效果应该是独一份吧，至少我还没见过类似的样式，AIOVTUE-雪称他为行星环，顾名思义，就是所有文章显示在行星环上面，每一年会形成一个行星环，如果某一年没有文章则会跳过这一年，年内的每一篇文章都会变成一个运行在行星环上面的星星，鼠标靠近星星会暂停行星环转动，并且弹出预览框，行星环最多会显示十环，也就是十年的文章，超过十年，行星环会开始更替，环会不断变大，然后最外环会消失，最内环会新生一个，如此更替，那么，看看效果吧

行星环本身也会转动，视频可能会更清楚吧：

行星环特写

当然啦，想在这样一个庞然大物寻找想要的文章无异于大海捞针，更别说到时候文章数量上来之后，密密麻麻，更加是异想天开，使用，其实每个行星环都有特写页面，只需要在行星环继续向下滚动，就和放ppt一样，会开始按时间展示每个行星环，上面的星星就是文章，当然，也是会转动的，下面是效果图

动态页

除却上述页面外，还有传统的文章页面，即按文章列表的样式显示文章，不过更加简约就是了，还有归档，标签这些必不可少的功能都是有的，需要着重介绍的是下面这个，动态页面，独立于文章页面，可以在这里写每日动态，感想等东西，并且，每个动态都支持独立评论，下面是预览效果

其他页面就大差不差了，想体验的话还是推荐前往示例站点亲自体验一下

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

重构后的主题终于跑起来了。本地 hugo server 一刷新，快得有点不真实。接下来慢慢把细节磨圆润吧。

Hugo最美主题-aiovtue

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

简介

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

预览一下站点

看看站点截图吧（斯~，为什么要让你们在这个站点看这个站点的截图）

开源地址

先附上开源地址吧Hugo-aiovtue,点击链接fork到自己的仓库之后在修改哦，记得给AIOVTUE-雪点个star哦，谢谢啦~

自定义

目录结构

hugo-blog/
├── hugo.toml # ★ 主配置（站点信息、导航、Hero、评论、赞助等）
├── data/
│ └── links.yaml # ★ 友链卡片数据
├── content/ # ★ 所有文章与页面（Markdown）
│ ├── posts/ # 博客文章
│ ├── gallery/ # 相册
│ ├── about.md # 关于页
│ ├── links.md # 友链页（壳子，数据在 data/links.yaml）
│ ├── comment.md # 留言页
│ ├── search.md # 搜索页
│ ├── archives/ # 归档页
│ ├── categories/ # 分类列表页
│ └── tags/ # 标签列表页
├── static/ # ★ 原样复制的静态文件（favicon、hero、envelope）
├── themes/aiovtue/ # 主题（一般不改，除非调样式/布局）
├── scripts/
│ └── migrate-content.mjs # 从上级 Valaxy 项目批量同步内容
├── package.json # npm 脚本
└── public/ # 构建输出（自动生成，勿手改，已 gitignore）

标 ★ 的是日常最常改动的位置。hugo.toml 和 data/links.yaml 内已写中文注释，可直接打开查看说明

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

写了个不需要服务器的 Memos 网页，数据走 WebDAV。坚果云同步一下，手机电脑都能看——穷人版 memos，但够用。

Memos-web 不需要服务器

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

介绍

起因

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

想法

这时候就不得不提AI-雪的想法了，我想的是使用静态网站，这样就能托管到netlify，vercel这种国内速度还行的平台，但是静态网站，总不能每次都手动修改在上传吧，想想都不现实，诶，你猜怎么着，有个叫webdav的东西，这玩意真是个好东西啊，由于文件很小，同步个几千次都要不了多少流量，所有坚果云这种甚至都行，将webdav作为环境变量储存到网站中，在给定一个既定格式，网页通过既定格式渲染memos页面，每次加载网页都实时读取webdav文件渲染，这简直是绝了，并且obsidian支持webdav同步，所以完全可以将数据文件放在obsidian里面，如何再写一个obsidian插件，这样obsidian也能使用memos了，并且通过webdav云同步同步数据到云端，这样数据就和网页端实时同步了，这个想法简支太不错了，然后呢，是不是可以在做一个专门显示memos的安卓软件，配置好webdav信息之后，实时读取云端数据文档，再按照同样的数据格式渲染memos，这样手机端也能实时显示了，并且由于渲染格式是一样的，所以完全可以将手机端和网页端的webdav数据文件设定为同一个，这样两边数据就互通了，这个想法是不是很棒。

展示

那么，展示吧，网页端，看看ui喜不喜欢，AI-雪自己反正挺喜欢的

怎么样怎么样，还不错吧，左边的侧边栏哦，是根据浏览器边框自动显示隐藏的，因此，其实大部分时候是看不到侧边栏的，可以通过点击上面的Memos字样控制侧边栏显示隐藏~ 如你所见，它支持大部分memos语法，当然也包括图片啦（都有快捷键了啦），上面的输入框那里有一个memo还是待办的切换按钮，这个按钮切换到待办的时候，每一行就会变成一个todo~这个时候有些语法就会失灵咯，因为是专门写代办的，第一条就是待办的样子，左上角的星星是置顶的意思，是不是很棒

诺，这就是没有侧边栏的样子啦，是不是清爽多了，右上角那个按钮就是切换显示样式的，现在的样子其实也还行，方便快速寻找memo，可以自由切换哦

来看这个页面，点击任意memo就会触发这个小卡，方便快速预览，虽然点击展开按钮也能看，不过这样不是更显眼么，因为AI-雪有时候找memo，找半天分不清楚是哪一条的，这个功能我喜欢对啦，memo支持标签，#加任意文字回车就是标签，和标题的区别是没有空格，侧边栏可以通过标签筛选memo，虽然没啥用，我为什么不直接搜索呢~~好看就完了呗~~

部署

这个项目，AI-雪将他放在github了哦，Memos-web,ummmm https://github.com/AIOVTUE/memos-web 你问我为什么要再放一个链接吗，因为我觉得这样好看上面有介绍怎么部署的其实，不过呢我还是再讲一遍吧，笔记那边写的有点乱乱的提一句，不要使用vercel，因为有点问题，但是AI-雪不怎么用这个，所以没修（主要是修的话再出问题还得修），推荐使用netlify，访问快，cloudflare也能够部署的，其实说严谨一点的话，vercel也能部署，就是webdav的api有点问题，导致用不了~

环境变量

以下是所有用到的环境变量可以复制 .env.example 为 .env 并填写，到时候部署可以直接上传.env文件，当然你也可以一个个自己设置

变量	必填	说明
`SITE_PASSWORD`	是	网站访问密码
`WEBDAV_URL`	是	WebDAV 根地址，如 `https://example.com/remote.php/dav/files/user`
`WEBDAV_USERNAME`	是	WebDAV 用户名
`WEBDAV_PASSWORD`	是	WebDAV 密码
`WEBDAV_FILE_PATH`	否	文件路径（相对 `WEBDAV_URL`），默认 `basic.memos.md`
`AUTH_SECRET`	建议	会话签名密钥，至少 32 位随机字符串
`ALLOWED_ORIGIN`	否	跨域前端地址（逗号分隔），同域部署无需设置

basic.memos.md这个东西吧，尽量别改哦，如果你还想用后续的obsidian插件或者手机端的话，改了就无法读取了，手机端好像可以读取，obsidian似乎，好像也行？我没试过啦

部署到云端

其实到cloudflare还是到netlify步骤都一样啦，这里就介绍一个

部署到 Netlify

打开 netlify→ Add new site → Import an existing project
连接 Git 仓库
构建设置（netlify.toml 已预配置，一般无需修改）：
- Build command: npm run build
- Publish directory: dist
Site configuration → Environment variables 中添加全部环境变量
触发部署提一句，其实首次部署可以不加环境变量，后面再去加，加了在重新部署也行，看你喜欢哪种咯~ 然后？然后就没啦，直接就能用了，是不是很简单~

常见问题：

Valaxy博客动态化

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

简介

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

开源地址

老样子，AIOVTUE-雪 将文件开源在github，顺便说一下，这个项目由于改为实时获取云端数据渲染，所以导致搜索引擎爬虫可能会获取到空页面导致seo收录效果不好，酌情考虑是否作为主要站点，这个项目配有专门的obsidian插件，可以使用obsidian编辑，并且给obsidian增加了一键上传文章到云端的功能，凭借这个你也可以做到分享自己的本地文章给别人，好啦，这是地址：点我前往开源地址，喜欢的话记得点个star哦

部署教程

这个不像静态，部署稍微有一点复杂，不过其实也还好，跟着一步步操作就行

克隆仓库

前往开源地址，fork克隆一份到自己的github，或者直接下载zip包也行，反正要下载下来修改的

本地运行

安装依赖

打开终端运行如下命令

npm install

配置本地密钥

复制示例文件并按需修改：

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

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

本系列教程共十篇

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

覆盖文件

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

覆盖`scripts\build-ssg.mjs`

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博客全局美化教程（四），否则可能会出奇奇怪怪的问题

开始美化

由于相册功能改动十分大，有涉及到三四十个新建文件，如果让你们一个个添加的话，那也太累了，所以我将所有新建文件全部打包，按照项目根目录路径打包，解压之后可以直接覆盖导入，不放心的话可以一个个导入，注意，修改相册之前记得备份一份博客文件，由于本次美化设计文件过多，一个个回退不太现实，万一出问题造成后果自己负责哦，

环境变量

说明一下，由于要使用webdav相册，需要在部署到托管时增加环境变量，以下是环境变量名称

WEBDAV_PASSWORD

值是你的webdav访问密码，记得类型选择秘钥类型哦~

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

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

本系列教程共十篇

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

页脚添加计时功能

预览效果

新建文件

以下是新建文件部分

新增components\SakuraFooter.vue

<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博客全局美化教程（十）：修复构建结束的时候会卡住

效果演示

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

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

文件修改

以下是文件修改部分，共1个修改文件注意这里给的完整代码哦文件valaxy.config.ts增加

  themeConfig: {
  //...
  
     // 导航页「随机网站跳转」抽卡视频：weight 越大越容易抽到
    navigation: {
      randomDrawVideos: [
        {
          url: 'https://img.naixiai.cn/2026/06/09/_compressed.mp4',
          weight: 1,
        },
        {
          url: 'https://img.naixiai.cn/2026/06/09/_compresseddbc6ff3507fddbf4.mp4',
          weight: 2,
        },
        {
          url: 'https://img.naixiai.cn/2026/06/09/_compressedf1fc8ccd127613ac.fr.jpeg',
          weight: 3,
        },
      ],
    },
    
  //...
  }

上面这个解释一下，三个url链接是点击随机跳转按钮后的抽卡视频，最好自己准备哦，下面的是概率，挺好玩的上下两部分都需要添加，下面这部分就是给你的网页增加导航页面按钮，具体放置位置可以看看官方文档的顶栏按钮怎么写的，点我去看看

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

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

本系列教程共十篇

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

话不多说，先看效果

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

https://pic1.imgdb.cn/item/6a26e5483c9809430d376f88.png
https://pic1.imgdb.cn/item/6a26e5483c9809430d376f87.png
https://pic1.imgdb.cn/item/6a26e5483c9809430d376f85.png
https://pic1.imgdb.cn/item/6a26e5483c9809430d376f86.png

从上到下分别是信纸、顶部信封、底部信封和横条，下面链接和这里一样，大家最好修改一下，测试用着可以，不要生产环境使用哦

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

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

本系列教程共十篇

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

效果演示

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

新增文件

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

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

const rules = [
 { icon: '🎉', text: '本站支持交换友链，在您提出申请之前，请将本站添加到友链' },
 { icon: '🍵', text: '为了保障本站用户，本站仅支持个人网站的友链申请' },
 { icon: '💡', text: '申请本站友链需要拥有独立域名（非免费域名），建议开启全站 HTTPS' },
 { icon: '⌛', text: '如果友情链接已经添加，请保持网站的正常访问，会定期清理僵尸网站' },
 { icon: '🐚', text: '网站有一定的实质性内容和主题，不能是空壳网站和练手网站' },
 { icon: '💕', text: '感谢您对本站的支持，如果您已经满足上述要求，请在下方表单提交友链申请~~~' },
]

这里面的中文可以自由修改下面这部分是自己站点的友链信息：

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

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

本系列教程共十篇

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

效果预览

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

开始美化

修改文件

修改文件部分共2个文件需要修改下面这个是css文件，控制组件特效的，默认文件时空的，直接新增即可

在`styles\index.scss`文件增加以下代码

/* 文章图片点击放大 */
.markdown-body img,
.prose img {
 cursor: zoom-in;
}

html.image-gallery-open {
 overflow: hidden;
}

下面也是修改哦，下面给的是纯净代码，记得格式哦~

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

傍晚下过一阵雨，窗外凉了一度。适合什么都不做，只听键盘声。

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 监测所有样式表加载完成后，移除该隐藏样式标签以显示页面，防止首屏样式闪烁和样式分批渲染的问题。简单来说就是在你的页面加载完成之前一直白屏，以防加载出乱码来，但是白屏不太美观，所以我加入了加载动画先开启服务：这是控制该组件的代码

enabled（默认 true）：是否启用 FOUC 防护
maxDuration（默认 5000）：最大等待时间（毫秒），作为 CSS 加载失败时的安全兜底。设为 0 可禁用超时兜底

启用方式如下：修改valaxy.config.ts文件，在其中export default defineValaxyConfig({})部分增加以下代码：

 build: {
 ssgForPagination: false,
 foucGuard: {
 enabled: true,
 maxDuration: 5000,
 },
 },

最终的效果是这样的，别加错了：

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

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

本系列教程共十篇

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

最终效果展示

老样子，先看看最终效果

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

开始美化

那么久开始咯，大部分操作和上一篇类似，不会的可以回去看，这里不赘述了

修改文件

这部分内容是修改配置文件哦，本部分修改文件1 这里我就是将themeConfig: {},一起给出了，注意区份哦

文件valaxy.config.ts新增代码：

  themeConfig: {
  
  //...
    notice: {
      rotateInterval: 5000,
      title: '公告栏',
      sections: [
        {
          label: '--- 主域名 ---',
          lines: [
            'daily.yybb.us',
            'hexo.yybb.us',
            // 也支持对象：{ text: '显示文字', url: 'https://example.com' }
          ],
        },
        {
          label: '--- 备用域名 ---',
          lines: [
            'vercel.yybb.us',
            'aiovtue.onrender.com',
            'aiovtue.zeabur.app',
          ],
        },
      ],
    },
    
    //...
    
  }

修改文件到此结束啦，下面是新增文件

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

免费域名2-netlib

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

简介

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

注册

点击官网地址，进入后点击右上角的register进行注册，这一步没啥好说的，正常使用邮箱进行注册就行

前置步骤

为了提高成功率，请务必按照该步骤进行后再添加域名，否则可能会导致该前缀的域名无法托管到cloudflare（亲身经历，几个喜欢的前缀彻底无法托管，等了好几天都没反应，希望大家不要踩坑）首先前往cloudflare界面，点击添加域名，随便输入一个域名（后面会删掉）例如ceshi.xyz,然后和正常添加托管域名一样，选择免费服务，一直到这个页面，记录划线部分的地址备用，放到方便复制和粘贴的地方，后续需要快速复制粘贴

后续步骤：

请注意，为了提高成功率，后续步骤的步骤1-2需要尽可能连续快速完成，最好是一气呵成那种，越快成功率越高，后续失败大概率就是这里太慢了。因此建议先观看后续步骤之后再进行操作

1、添加域名

登陆最开始注册的免费域名网站，在网页的这个页面进行域名添加，如果域名重复或者其他问题会在底部进行反馈（一开始没看见，愣了半天）,似乎只有netlib.re后缀可以托管cloudflare，不过博主并未测试过，因为另一个域名跟这个比起来不怎么样其实

2、更改域名服务器

添加完域名之后点击你的域名,即红色位置

然后在该页面找到delegate your domain to different servers，点击该按钮

在这两个位置输入前置步骤中在cloudflare获取的两个链接地址，一行一个，然后点击提交（注意：若是后续步骤3添加域名到cloudflare时显示的名称服务器和之前获取的不一样就再回来这里修改就可以了，不过现场获取的大概率是一样的，稍微看一眼就行）

3、添加到cloudflare

按照博主个人理解，建议在上述更名步骤后等待五到十分钟左右再进行后续步骤，成功率会更高然后再cloudflare添加你注册的域名，此步骤和前置步骤类似，注意，添加的时候需要选择手动输入dns记录，参考如下图片，不要选择快速扫描

进入如下页面后，红色框部分没有官方域名就是成功了（就是什么都没有就是成功了，有东西大概就失败了），然后点击继续

在最后的页面显示这个页面就是成功了

如果显示这样的话大概率就是失败了,这两个的区别就是下面这个显示了官方的域名服务器，虽然已经更改，但是实测几天后都不会显示成功，按照上述步骤大概率不会出现这个样子如果出现了，这个域名前缀基本就是废了，换一个前缀重试吧

Cloud Mail-无限邮箱

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

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

简介

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

部署教程

这里同时给出原作者的部署文档，写的很清楚，看不懂我写的可以看原作者的，我会把我部署时候遇到的问题写出来，所以看不懂的话也可以回来看看我的原作者部署教程地址

前置条件

此项目需要一个域名才行，可以使用免费域名，只要能托管到cloudflare就可以，免费域名可以看博主发的免费域名推荐文章。博主更推荐使用付费域名，更稳定，免费域名的话说不定哪天就寄了对吧，到时候邮件丢失没地哭了就，付费域名的话博主推荐 spaceship,这是一家国外服务商，老牌了，主打一个低价，他家的xyz域名很便宜，博主的博客用的就是这个域名，最便宜的时候50块钱可以买十年，博主就一口气买了十年，搜索：任意数字+xyz,数字最好大于等于5会便宜点，博主这个就是博主的生日，还是挺有寓意的

创建worker项目

1、fork该项目到自己的github，项目地址在此 2、登陆cloudflare，点击创建worker，导入刚刚fork的储存库

3、然后再下一页设置启动目录，将根目录的路径改成mail-worker就好了，具体见图片

4、直接构建就可以了，构建完成之后会在列表中出现cloudmail项目，点进去就可以看到访问地址了

设置环境变量

这一步是最关键的一步，截止目前还无法运行，需要添加环境变量之后才能运行具体添加地点在这里：

添加以下变量，注意domain是json类型的，管理员账号之后需要你在注册页面注册

变量名	值	类型	作用
`domain`	[“你的域名”]，示例：[“admin.admin”]，多域名 [“doamin1”,“domain2”]	JSON	网站会使用这个域名作为邮箱域名
`admin`	管理员的邮箱，示例：admin@admin.com	纯文本	对应的用户变成管理员
`jwt_secret`	随便输入一串字符串，示例：Z7fxPq8mVL2bCr9XN1t	纯文本	登录身份令牌的安全密钥
domain下的域名需要和你后续访问这个网站的域名一样，否则会出问题，建议先绑定号域名在绑定
admin邮箱会在你注册该邮箱的时候自动变为超级管理员，拥有绝对的控制权
jwt就是一串秘钥，复杂切随意就行，不需要记下来

设置完后显示如下：

绑定数据库

1、在cloudflare左侧菜单存储和数据库，创建kv数据库，数据库名字随意 2、在cloudflare的d1数据库创建数据库，位置按需选择，名称同样随意位置如图,这两个都需要按步骤添加，名字稍微记一下，后面绑定需要选择，只有一个的话就当我没说

3、回到worker设置界面，绑定刚刚创建的数据库 d1数据库变量名为 db kv数据库变量名为 kv 绑定好之后就跟下图一样

网页归档工具-Web Archive

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

简介

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

这是作者对该项目的介绍：

Web Archive 是一个网页归档工具，包含以下几个部分：

浏览器插件：将网页保存为网页快照，并上传到服务端。
服务端：接收浏览器插件上传的快照，并存储在数据库和存储桶中。
web 客户端：查询快照并展示。

服务端基于 Cloudflare Worker 的全套服务，包含 D1 数据库、R2 存储桶

预览图

这里附上一张部署完成后的图片：

图片预览

整体效果还是不错的，接下来将怎么部署吧

部署教程

以下部署内容参考官方部署文档，可以在github项目地址中找到使用该教程需要电脑本地安装node环境

1. 下载代码

在项目的release 页面下载最新的 service.zip，解压后在根目录执行后续操作（可以cd到该目录或者直接在文件管理器上方地址栏输入cmd后回车）。

2. 登录Cloudflare

在该目录的cmd下运行如下命令

npx wrangler login

会返回一个登陆链接地址，将他从cmd复制出来后再浏览器打开，然后登陆即可

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

Fri, 22 Aug 2025 16:00:00 +0800

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

本项目由==AIOVTUE==独立开发

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

obsidian插件安装教程

🌟 网页预览

🌟 功能特性

后端 (Cloudflare Workers)

🚀 高性能API：基于Cloudflare Workers的无服务器架构
💾 R2存储：使用Cloudflare R2作为数据库和文件存储
🔐 API密钥认证：安全的访问控制
🖼️ 图片上传：支持图片文件上传和管理
🔗 分享链接：为文章创建公开分享链接
📝 CRUD操作：完整的文章增删改查功能

前端 (Vue.js + Cloudflare Pages)

🎨 现代UI：基于Vue 3和Tailwind CSS的美观界面
📱 响应式设计：完美适配桌面和移动设备
✏️ Markdown编辑器：支持实时预览和语法高亮
🖼️ 图片查看器：点击图片全屏查看
🔍 文章管理：直观的文章列表和搜索功能
🔗 分享功能：一键生成和复制分享链接

Obsidian插件

📤 一键发布：直接从Obsidian发布笔记
🖼️ 自动图片上传：本地图片自动上传到服务器
🔗 分享链接生成：为已发布文章创建分享链接
⚙️ 简单配置：只需配置网站地址和API密钥

📁 项目结构

AIOVTUE-OB/
├── backend/ # Cloudflare Workers后端
│ ├── src/
│ │ └── index.ts # 主要API逻辑
│ ├── wrangler.jsonc # Cloudflare配置
│ └── package.json
├── frontend/ # Vue.js前端
│ ├── src/
│ │ ├── views/ # 页面组件
│ │ ├── services/ # API服务
│ │ ├── stores/ # 状态管理
│ │ └── router/ # 路由配置
│ ├── .env # 环境变量模板
│ ├── .env.local # 本地开发环境变量
│ └── package.json
├── obsidian-plugin/ # Obsidian插件
│ ├── main.ts # 插件主文件
│ ├── manifest.json # 插件清单
│ └── README.md # 插件说明
└── README.md # 项目说明

🚀 快速开始

前置要求

Node.js 18+
npm 或 yarn
Cloudflare账户
Obsidian（用于插件）

1. 后端部署 (Cloudflare Workers)

步骤一：修改环境变量 `\backend\wrangler.jsonc`

只需要修改如下内容

Fri, 14 Feb 2025 11:20:00 +0800

重读了一遍《挪威的森林》，还是会在某些段落停很久。书没变，变的是读它的人。

邮箱汇总

Mon, 29 Jan 2024 16:00:00 +0800

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

QQ邮箱

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

wx.mail.qq.com

谷歌邮箱

外企上班的好像要求用这个，拿出去很有逼格的邮箱，谷歌大厂的，国际都很出名，在哪里拿出去都显得很正式，但是吧，懂得都懂，谷歌退出中国了，所以嘛，没点特殊手段的话，你是收不到邮件的

谷歌

网易邮箱

网易这个都不陌生，就是游戏那个网易，他也有邮箱，也是数字的，跟qq差不多，不咋常用，但是在国内邮箱行业算比较靠前的那种

126网易免费邮-你的专业电子邮局

Yandex邮箱

这个或许没什么人听过，yandex是德国的一家公司，地位就和中国的百度一样，由于是外国的所以不咋出名在中国，但是不影响人家好用，但是访问起来卡卡的，毕竟外国的嘛

Yandex

微软邮箱

后缀@outlook.com，是上面的最长的了属于是，微软官方的邮箱，全球数一数二的，不过不咋好用，个人觉得而已，毕竟界面太丑了

Microsoft Outlook (formerly Hotmail): Free email and calendar | Microsoft 365

Tuta.io

这是一个小众邮箱，是一个端到端加密的邮箱，不会发生信息泄露，注重安全的可以考虑这个

Turn ON Privacy

Proton邮箱

这也是一个小众邮箱，也是加密的，除了你谁也看不到，同样是安全在意者首选

Proton Mail

Mail.ru

忘记这是哪个的了，但是公司挺大的，可以看看，注册有点麻烦

mail

自建邮箱

这个就很多了，可以实现任何后缀，只要你有域名，自定义程度很大的，自己搜吧，有空再写

夸克网盘扩容教程

Sun, 28 Jan 2024 16:00:00 +0800

夸克网盘扩容20T，本教程通过夸克官方推广计划进行扩容，大致步骤为：

申请推广
填满网盘
申请扩容

其中申请成为推广需要一天审核，申请扩容审核比较快，总体两天就可以完成

第一步申请推广

一、下载任推邦app

注册登陆，或者不下载也行，那就收藏官方网址，然后注册登陆，地址如下

dt.bd.cn

二、准备工作

申请之前，准备一下填写需要的信息

夸克网盘分享连接

随便保存一个文件进行分享，复制纯链接就行，最好不要删除，至少申请成功之前不要
夸克uid

用夸克浏览器打开下方链接获取夸克UID/ID，并绑定服务商任推邦（1002）截图备用

https://b.quark.cn/apps/c3qMkYerj/routes/J1bMu5GVq?uc_param_str=dsdnfrpfbivesscpgimibtbmnijblauputogpintnwktprchmt&uc_biz_str=S%3Acustom%7CC%3Atitlebar_hover_2>

粉丝数截图

夸克网盘加速

Sat, 27 Jan 2024 16:00:00 +0800

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

第一步安装软件

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

夸克网盘分享

这时候你或许会问了，我要的夸克网盘下载加速教程你给我发夸克网盘的文件，那我怎么下载夸克网盘加速下载的文件，这就不是我的问题啦，或许你可先下载夸克网盘下载加速软件在回来下载夸克网盘下载加速文件，嘻嘻

第二步安装插件

跟上一个其实是一样的，连接如下

LinkSwift

下载配置也是需要tampermonkey的，不会的百度

如何就是在下载截面点击下载助手

1740577827907.png

点击BC下载，获取下载链接之后复制链接，然后打开bitcoment点击磁链，将刚刚的下载链接复制进去点击下载就好了，下载速度也是很快的，大概有10mb左右，很可以了

阿里云盘加速

Fri, 26 Jan 2024 16:00:00 +0800

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

方法一

也是最推荐的，毕竟其他的失灵了似乎

准备工作，先下载软件，小白羊云盘，地址如下

夸克网盘分享

一如既往，下载安装，然后登陆你的账号，选择多线程下载，把同时下载个数拉高，就可以几个一起下，总体速度比官方快不少，属于是能用吧

方法二

首先是准备工作，下载下载软件，那当然是IDM，什么在哪里下载？，好吧

夸克网盘分享

什么，你说夸克网盘下载慢？那好吧，你可以出去看看我那个夸克网盘下载加速的文章，你问我为什么不用下载快的网盘分析，那当然还是因为容量大，嘿嘿

下载过程略过，然后就是解压，安装过程就是点击绿化如何就好啦，在显示一栏可以隐藏托盘图标，选项立面的下载可以更改保存位置，默认在下载文件夹，改不改都行

要是提示更新的话可以如下设置，没有不管

第一步：打开注册表编辑器。按下 Win + R 组合键，打开运行对话框。在运行框中输入 “regedit” 并点击 “确定” ，打开注册表编辑器

第二步：定位到 LstCheck 项目。在注册表编辑器中，导航到路径：计算机\\HKEY_CURRENT_USER\\SOFTWARE\\DownloadManager，找到 “LstCheck” 项（这是控制 IDM 自动更新的注册表项），双击该项并将数值数据改为 0 即可

就像这样：

简单，这样第一步就完成了，然后是获取插件，获取阿里云盘下载链接，地址如下：

LinkSwift

啊对，要下载这个玩意，你得是电脑浏览器，并且是下载了tampermonkey这个插件之后，如果你不知道什么是tampermonkey的话，emmmm，百度please

安装完了之后应该是这个样子

在上面会有一个这个玩意，当你需要下载文件的时候，选中一个，缺点就是以此只能下载一个，选中之后点击下载助手，然后点api下载，理论上来说你直接点击下载链接就可以唤起IDM，但是吧总有失败的情况，你可以右键复制连接，然后打开IDM，点击新建任务，复制进去连接，点击下载就可以了

不过这玩意得看浏览器插件管不管用，看作者更新吧，找那种获取网盘连接的插件就行，理论上都可以，但是最近似乎不太行了

网盘汇总

Thu, 25 Jan 2024 16:00:00 +0800

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

百度网盘

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

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

阿里云盘

阿里云盘 - 备份无忧整理有序·阿里巴巴集团出品

阿里云盘这玩意，前几年刚出的时候可以领很多永久容量，现在嘛和百度差不多了，就100G，但是下载比百度快一点，通过一些第三方下载和插件的话，可以下载挺快的，说是说不限速，到现在其实速度还是慢了很多，好在还能接受，数据安全的话，和百度有的一拼吧，注册的早的容量也还行

夸克网盘

网盘移动端入口

夸克网盘，用夸克浏览器的有福了，内置网盘，属于是继阿里和百度之外比较可靠的网盘了，也是阿里搞得，不知道为啥搞两个，容量的话，新用户10G，少得很，但是新用户做任务似乎有一个月1T容量，没啥用就是说，除此之外，通过一些推广设置活动什么的，可以扩容20T甚至80T，但是得推广分享，而且容量只有三个月到期就得在续期，emmmm，有很多大文件可以搞一个1存一下，日常的话，有个vip包年，之前看是十块钱，3T空间，挺不错的，就是下载速度没啥提升，但是夸克下载可以通过浏览器插件提升，属于是还行吧

中国移动云盘

yun.139.com

这个嘛，就是中国移动出的云盘，可信可靠，速度快，资源也挺多，缺点吗当然是容量不够，大概200G，其他的手机号也能注册，没必要移动，但是有一说一移动卡福利多一点，例如浙江移动就可以在中国移动云盘app内部活动页面领取每月1T空间，属于是偏爱了，除了云盘界面丑了点，广告多了点之外的话，想不出什么缺点

115网盘

115科技官网_首页_115，一生相伴

这玩意可是个好东西，但是容量注册了之后会发现并不大，但是在咸鱼等地方可以十几块买一个十几个T的账号，限速这玩意很迷惑，在某些地方不限速，有时候吧下载就有些慢，不过挡不住她容量大，挺好的

123云盘

这个嘛，经常鼓捣的人肯定知道，不限速，容量大，资源也还行，缺点就是，小作坊，不知道能撑多久，云盘广告多，不过这也无可厚非，毕竟人机不要钱，新用户2T，属于是非常不错了，很多博主都喜欢用这个分享文件，之前是可以免客户端下载的，最近因为防止滥用，被限制了，但是安卓客户端下载没有限制，其实浏览器扩展也可以解决，emmm，理解，但是，嘿嘿

UC网盘

UC 网盘

UC浏览器都用过吧，也是浏览器内置网盘，新用户10G空间，可以通过特殊手段扩容到1T，新用户可以多关注官方活动，或者一些博主，都有发扩容的链接，是永久的，不过不能重复扩，速度也是不限制的，至少最近不限制，速度挺快的，资源就少了点，不过，能用就行

迅雷云盘

迅雷这玩意都听过，他家也出云盘了，新老用户都2T，速度有所限制，不过依旧能打，部分资源比较慢而已，偶尔用用还行，注册了再说呗，不用白不用

蓝奏云

蓝奏·云存储

这可是个好东西，不限量空间，不限速下载，资源超级丰富，老牌储存，也是很不错了，就是嘛她的单文件限制在100M，但是依旧好用，很多博主用它分析文件大受好评，你找文件的时候，相信我，你最希望遇到的链接之一，不建议存重要资料，分享文件和备份些小东西挺不错

118网盘

118

和蓝奏云差不多，无限空间，不限速下载，限制单文件大小，似乎比蓝奏云大一点，200M，用的人不多，知道的也不多，不过不影响她好用

Onedrive

Personal Cloud Storage – Microsoft OneDrive

这个有电脑的一般都听过，不过可能不知道是干嘛的，这是微软自带的网盘，初始容量5G，可以在淘宝扩容到15G，不限速，就是容量小了点，很多软件接入用来备份的，例如obsidian什么的，管他那，注册呗

谷歌云盘

谷歌

对，谷歌，15G，理论上不限速，但是你访问不了怪谁，谷歌浏览器备份用，很多软件也会接入，属于是特殊人群必备了

InfiniCloud

infi

一个日本的网盘，好像是15G,可以通过邀请码扩容，之前官方活动也可以扩容，我现在有25G，主要是支持webdav，你可能不知道这是啥，但是知道的就知道这玩意很有用，有一点注意的是，几个月登陆或者使用一下，太久不登录或者使用会被回收账号，经常使用webdav的可以注册

坚果云

Nutstore Official Website|Enterprise Network Disk|Team Network Disk|Personal Cloud Disk|Synchronous Cloud Disk

坚果云，国内唯一一个支持webdav的云盘，但是吧，这玩意很感人，每月上传流量1G，下载流量5G.好像是，很少，主要用来同步文件，emmmm，除了比上面那个靠谱一点不删账号，此外的话，不是什么很重要的资料同步的话，选上面那个，这个太抠了

文叔叔

文叔叔 - 传文件，找文叔叔（永不限速）

免费40G空间，是用来发送接收文件的，发送文件似乎不占用空间，但是会删除，有时效，不限速，偶尔用用

pikpak

mypikpak.com

pikpak云盘，初始容量8G，通过官方分析活动可以获得几天10T空间的会员，主要是这玩意磁力下载很厉害，什么都能存，但是这可能没什么，主要的是，她不限速，并且不限制敏感资源，也就是懂得都懂，但是容量用超了就限速了，哦对了，外国的，emmm，用的时候不用翻墙，但是嘿嘿，锁国区，不科学上网无法登陆

IPV6服务器

Wed, 24 Jan 2024 16:00:00 +0800

对于一个爱折腾的人来说，一个服务器的诱惑还是不小的，但是动辄几十上百大千的服务器，实在是力不从心，最近发现有纯ipv6服务器的存在，这东西的优点就是价格低，坏处也不少，例如部署麻烦，容易跑路什么的，但是这价格跑路其实也不是很心疼，附上一个自用的服务器购买地址，最便宜的只要十五块一年，最贵的也才五六十一年，我选了个折中的三十块一年，储存空间什么的小了点，但是也有办法解决，下文我就当你们都有了

获取ipv6地址

这个设定很无语，买了之后他不给地址，只给一个后台和穿透的域名，使用得自己获取，登上后台终端之后（ ubuntu 适用，其他的自行尝试），依次输入

apt update
apt install net-tools
ifconfig

如何你就会看到一大堆网口的ip地址，找到我们要的ipv6，记下来，输入到ssh终端就可以远程访问了，浏览器访问ipv6的格式是这样的

https://[ipv6地址]:端口

安装ddns-go

有了ipv6地址，接下来需要设置ddns，否则ip会变，前往ddns-go官网下载最新版本，然后解压上传到服务器（自己建一个文件夹），然后赋权

免费域名

Tue, 23 Jan 2024 16:00:00 +0800

想一个人有多想念，那又是文字失效瞬间

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

us.kg

这个注册稍微麻烦，但是注册完申请很快，一个账号免费三个域名，亲测很好用，可以托管cloudflare（目前主力免费域名）

注册

首先到UsKg官网,前往注册界面，然后填写自己的邮箱，姓名，地址，电话，当然，除了邮箱之外，其他的都可以用随机美国地址生成器

提交之后会发邮件确认，到邮箱确认以下，然后登陆，会提示你验证kyc，所谓kyc，差不多就是身份验证，但是，好玩的来了，他这个验证很水，我之前随便上传图片就成功了，但是后来不太行，我在网上学了个新办法，实测有用，你可以新建一个文档，然后把自己虚拟出来的信息写上去，然后截图上传，然后提交，诶！成功了，很玄学，使用多试试

like this:

添加

然后就可以前往domains界面创建自己的域名，创建的时候会提示输入ns，这个你可以现在写也可以申请下来了，托管到cloudflare、的时候写。

托管到cloudflare就是点击添加网站

写上你刚刚申请的域名，然后下一步，会给你两个ns值，like this：

把这俩写到刚刚让你填写ns的地方就好啦，开始没写的话，后面也可以在domains界面点进域名添加的，可能会有多个空，多的空着，没事，过一会cloudflare就会打v提示你完成啦。

Cloudns.ch/be

这是cloudns的免费域名，很长，但是奈何他免费呐，虽然可以托管cloudflare，但是有点小瑕疵，不过也够用了。

首先前往cloudns官网,先注册账号，网页有中文，注册很顺利的，自行注册，然后登陆上去先点击创建区域

然后点免费区域

然后在这里自己选一个喜欢的域名，点击提交就好啦

下面那个框框不用管，如果注册失败他说什么：免费域名过多什么什么的，就是你的ip地址不行，我开始的时候一直不行，换了好几个ip都不行，建议魔法，而且是各种魔法，慢慢试，我也是突然发现某个节点可以，不难总之。我就当你们都成功了。

如何点击刚刚创建的域名进去，我们要解析到cloudflare，将这里下面本来存在的几个解析全部删了

然后去cloudflare添加刚刚的域名获取ns，然后回到cloudns解析这里，添加ns解析，解析到cloudflare，主机名空着，如何提交就像，等一会就能看到cloudflare提示成功了

除了这个，ssl证书需要单独解析（上面那个不用，就cloudns麻烦），前往cloudflare，选择刚刚添加的域名，点进去，然后点击ssl，边缘证书

把下面两个解析添加到cloudns，添加主机名的时候记得不要写红框立面的内容，因为后边写了，如何选择txt，内容写相应的内容，如何保存，就搞定啦，到这里这个域名就成功的托管到cloudflare啦

你以为完了吗，怎么可能，我都说他可麻烦，当然还有了，你使用的时候，在cloudflare上直接解析的话，可能没啥用，要用的话，你得在cloudns同步添加解析，不过是解析到cloudflare的ns，例如：

我要托管ipv4-1.1.1.1到域名a.example.cloudns.be,我需要先在cloudflare新建解析，类型A，地址1.1.1.1，名称a，如何去cloudns添加两个解析

类型ns，主机名a(和cloudflare名称同步)地址写cloudflare的ns值，也就是上面托管到cloudflare的值，如何等待部署就好啦，cloudns比较慢，你得多等会，几分钟吧，如何就可以访问了。还有一点，cloudflare的pages和workers的域名似乎无法添加cloudns的，uskg不受影响，他不能识别，很无奈了属于是，目前似乎也就能解析ip地址，说是可以cname，但是基本无法识别，导致失败，很无奈。

诶！看到这里，你是不是想问，cloudns也可以解析，为什么还费力不讨好托管到cloudflare呐，那当然是应为托管到cloudflare之后可以白嫖他的cdn，还有他的回源和重定向等一系列服务，总之你比在cloudns原本的功能只多不少。

eu.org

老样子，官网走起,然后点击注册，信息什么都，老样子，瞎编就好，上边那个生成器很不错，然后把这个Private (not shown in the public Whois)勾上，不然听说会被发现，你的域名就没咯，我也是听说，布吉岛，但是万一嘞。

记得邮箱写自己的，注册完之后他会发你一个账号，大概长XXXX-FREE这样，然后根据你的密码登陆几好啦，然后你就会看到：

然后点这个new domain注册域名

这个地方，写你的域名，后缀是eu.org，或者你可以点list找个你喜欢的，然后加上前缀，例如example.eu.org

这个地方，也就是最下面找个，选择第一个，然后添加ns记录（这个还要我解释吗，好吧，去cloudflare添加你的example.eu.org域名，获取俩ns，写到第一个和第二个框里）ip不用管，中间的信息自动写好的，你有补充就写，然后直接提交，会出现一个代码页面，这是正常的，看不懂请翻译，要是域名重复会有警告，一切顺利的话会提示成功，然后就等待你的邮箱收到成功通知了，不过，你猜我为什么没成功，他这个验证是人工的，不知道要多久，最近好像都没啥动静，好无奈啊，慢慢等呗，建议搞一个放着，然后用uskg，万一呐，这个要是下来了，似乎永久，而且很稳定，当然uskg那个也很稳定，一年一续期，永久免费，也还行，cloudns嘛，玩玩就好啦，要什么自行车。

其他

我之前也搜罗了一些不能托管到cloudflare的，能用是能用，但是界面丑的很，我是不喜欢用的，我就不写了有兴趣自己看看吧，给个地址：

rr.nu

freedns

好像还有别的，但是我都没申请下来的话，我当然就不记得了，我搜罗的好东西都在这啦。

个人博客-Rin

Mon, 22 Jan 2024 16:00:00 +0800

永远年轻，永远热泪盈眶

预览：AIOVTUE’S blog

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

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

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

后端

部署需要一系列变量，都可以在github设置，很方便

在自己 fork 的仓库中 > Settings > Secrets and Variables > Actions > Repository secrets 点击 New repository secret ：


CLOUDFLARE_ACCOUNT_ID=<你的用户ID>

CLOUDFLARE_API_TOKEN=<你的令牌>

RIN_GITHUB_CLIENT_ID=<你的GithubClientID>

RIN_GITHUB_CLIENT_SECRET=<你的GithubClientSecret>

JWT_SECRET=<JWT 认证所需密钥，可为常规格式的任意密码>

S3_ACCESS_KEY_ID=<你的S3AccessKeyID>

S3_SECRET_ACCESS_KEY=<你的S3SecretAccessKey>

同时你可以在Actions secrets and variables的 Variables 中创建以下变量:

Makedown语法

Sun, 21 Jan 2024 16:00:00 +0800

来了，爱了，给了她一颗星星，走了

标题语法

|Markdown语法|HTML|

|—|—|

|# 一级|<h1>一级</h1>|

|…|…|

|###### 六级|<h6>六级</h6>|

段落语法

要创建段落，请使用空白行将一行或多行文本进行分隔

不要用空格（spaces）或制表符（ tabs）缩进段落

换行语法

Markdown:

在一行的末尾添加两个或多个空格，然后按回车键,即可创建一个换行

HTML：


<p>内容</p>

强调语法

粗体：

Markdown：

群辉相册

Sat, 20 Jan 2024 16:00:00 +0800

每个人都是生命中的过路人，而我也在旅途中

一、黑群晖Synology Photos人脸识别补丁

1、先安装synology photos 套件

2、安装synology photos后先进入套件中心，停用synology photos套件

3、打开ssh软件，通过ssh进入，输入以下命令


sudo -i


synopkgctl stop SynologyPhotos


wget http://code.imnks.com/face/PatchELFSharp


chmod +x PatchELFSharp


# support face and concept

 

./PatchELFSharp “/var/packages/SynologyPhotos/target/usr/lib/libsynophoto-plugin-platform.so.1.0” “_ZN9synophoto6plugin8platform20IsSupportedIENetworkEv” “B8 00 00 00 00 C3”


# force to support concept

 

./PatchELFSharp “/var/packages/SynologyPhotos/target/usr/lib/libsynophoto-plugin-platform.so.1.0” “_ZN9synophoto6plugin8platform18IsSupportedConceptEv” “B8 01 00 00 00 C3”


# force no Gpu

 

./PatchELFSharp “/var/packages/SynologyPhotos/target/usr/lib/libsynophoto-plugin-platform.so.1.0” “_ZN9synophoto6plugin8platform23IsSupportedIENetworkGpuEv” “B8 00 00 00 00 C3”


wget http://code.imnks.com/face/1.6.1-0641/libsynophoto-plugin-platform.so.1.0 -O /var/packages/SynologyPhotos/target/usr/lib/libsynophoto-plugin-platform.so.1.0 && synopkgctl stop SynologyPhotos && synopkgctl start SynologyPhotos


synopkgctl start SynologyPhotos

4、SSH输入以上代码后，重新启动synology photos套件

玩客云刷机

Fri, 19 Jan 2024 16:00:00 +0800

你配得上世间所有的美好，我将携漫天星辰向你涌来

一、固件下载

固件版本说明

current（推荐）：稳定版，一般指代当前官方推荐的稳定版本，经过了充分的测试和优化，确保兼容性和稳定性较高
Edge：开发版，一般是让高级用户或开发者提前体验新功能，并提供反馈，包含了最新的功能更新或者实验性特性，但相对稳定性可能会较低，可能存在未知的问题
带“burn”（推荐）：在Armbian或类似的基于Linux的嵌入式设备固件发布中，带有“burn”字样的文件通常是指直接烧录（Flash）用的镜像文件。这类文件往往是针对特定硬件设计的，可以直接通过SD卡、USB闪存或其他方式一次性将整个操作系统及配置写入
设备内部的存储介质（如eMMC、NAND Flash等）。它们通常是经过特殊处理的二进制映像文件，包含了引导加载程序、内核以及根文件系统等必要的系统组件
带“minimal”（按需）：有"minimal"字样的刷机包通常指的是一个精简版或最小化安装版本的固件。这种固件镜像包含了运行操作系统和特定应用所必需的最基础软件包，去除了不必要的服务、图形界面和其他非核心组件

二、刷机方法

打开USB_Burning_Tool软件
左上角文件>导入烧录包，选择下载的固件，点击开始
双公头USB数据线，一头插靠近HDMI接口USB，一头电脑USB
短接刷机点通电到3%再松手，直到刷机完成
刷机完成后立马点击停止后断电，拔下数据线

用户名root，密码1234，登录后提示需要更改密root的初始密码，自行设置，更改完密码后，会提示创建账户，我们直接Ctrl+C取消

三、时区设置

设置时区


cp /usr/share/zoneinfo/Asia/Shanghai  /etc/localtime

查看时间

Linux换源

Thu, 18 Jan 2024 16:00:00 +0800

总要热爱点什么，不能被这无聊的生活吞没

一、一键更换国内源


bash <(curl -sSL https://linuxmirrors.cn/main.sh)

二、armbian：


vim /etc/apt/sources.list

清华


deb https://mirrors.tuna.tsinghua.edu.cn/armbian buster main utils

deb-src https://mirrors.tuna.tsinghua.edu.cn/armbian buster main utils

 

deb https://mirrors.tuna.tsinghua.edu.cn/debian/ buster main non-free contrib

deb https://mirrors.tuna.tsinghua.edu.cn/debian/ buster-updates main non-free contrib

deb https://mirrors.tuna.tsinghua.edu.cn/debian/ buster-backports main non-free contrib

deb-src https://mirrors.tuna.tsinghua.edu.cn/debian/ buster main non-free contrib

deb-src https://mirrors.tuna.tsinghua.edu.cn/debian/ buster-updates main non-free contrib

deb-src https://mirrors.tuna.tsinghua.edu.cn/debian/ buster-backports main non-free contrib

 

deb http://security.debian.org/ buster/updates main

deb-src http://security.debian.org/ buster/updates main

阿里


deb http://mirrors.aliyun.com/debian/ bullseye main contrib non-free

#deb-src http://mirrors.aliyun.com/debian/ bullseye main contrib non-free

 

deb http://mirrors.aliyun.com/debian/ bullseye-updates main contrib non-free

#deb-src http://mirrors.aliyun.com/debian/ bullseye-updates main contrib non-free

 

deb http://mirrors.aliyun.com/debian/ bullseye-backports main contrib non-free

#deb-src http://mirrors.aliyun.com/debian/ bullseye-backports main contrib non-free

 

deb http://mirrors.aliyun.com/debian-security/ bullseye-security main contrib non-free

#deb-src http://mirrors.aliyun.com/debian-security/ bullseye-security main contrib non-free

三、ubuntu：


vim /etc/apt/sources.list


########   Ubuntu22.04LTS 清华镜像源   ###############

# 默认注释了源码镜像以提高 apt update 速度，如有需要可自行取消注释

deb https://mirrors.tuna.tsinghua.edu.cn/ubuntu/ jammy main restricted universe multiverse

# deb-src https://mirrors.tuna.tsinghua.edu.cn/ubuntu/ jammy main restricted universe multiverse

deb https://mirrors.tuna.tsinghua.edu.cn/ubuntu/ jammy-updates main restricted universe multiverse

# deb-src https://mirrors.tuna.tsinghua.edu.cn/ubuntu/ jammy-updates main restricted universe multiverse

deb https://mirrors.tuna.tsinghua.edu.cn/ubuntu/ jammy-backports main restricted universe multiverse

# deb-src https://mirrors.tuna.tsinghua.edu.cn/ubuntu/ jammy-backports main restricted universe multiverse

deb https://mirrors.tuna.tsinghua.edu.cn/ubuntu/ jammy-security main restricted universe multiverse

# deb-src https://mirrors.tuna.tsinghua.edu.cn/ubuntu/ jammy-security main restricted universe multiverse

# 预发布软件源，不建议启用

# deb https://mirrors.tuna.tsinghua.edu.cn/ubuntu/ jammy-proposed main restricted universe multiverse

# deb-src https://mirrors.tuna.tsinghua.edu.cn/ubuntu/ jammy-proposed main restricted universe multiverse


########   Ubuntu22.04 阿里云镜像源   ###############

deb http://mirrors.aliyun.com/ubuntu/ jammy main restricted universe multiverse

deb-src http://mirrors.aliyun.com/ubuntu/ jammy main restricted universe multiverse

deb http://mirrors.aliyun.com/ubuntu/ jammy-security main restricted universe multiverse

deb-src http://mirrors.aliyun.com/ubuntu/ jammy-security main restricted universe multiverse

deb http://mirrors.aliyun.com/ubuntu/ jammy-updates main restricted universe multiverse

deb-src http://mirrors.aliyun.com/ubuntu/ jammy-updates main restricted universe multiverse

deb http://mirrors.aliyun.com/ubuntu/ jammy-proposed main restricted universe multiverse

deb-src http://mirrors.aliyun.com/ubuntu/ jammy-proposed main restricted universe multiverse

deb http://mirrors.aliyun.com/ubuntu/ jammy-backports main restricted universe multiverse

deb-src http://mirrors.aliyun.com/ubuntu/ jammy-backports main restricted universe multiverse


########   Ubuntu22.04 中科大镜像源   ###############

deb https://mirrors.ustc.edu.cn/ubuntu/ jammy main restricted universe multiverse

deb-src https://mirrors.ustc.edu.cn/ubuntu/ jammy main restricted universe multiverse

deb https://mirrors.ustc.edu.cn/ubuntu/ jammy-updates main restricted universe multiverse

deb-src https://mirrors.ustc.edu.cn/ubuntu/ jammy-updates main restricted universe multiverse

deb https://mirrors.ustc.edu.cn/ubuntu/ jammy-backports main restricted universe multiverse

deb-src https://mirrors.ustc.edu.cn/ubuntu/ jammy-backports main restricted universe multiverse

deb https://mirrors.ustc.edu.cn/ubuntu/ jammy-security main restricted universe multiverse

deb-src https://mirrors.ustc.edu.cn/ubuntu/ jammy-security main restricted universe multiverse

deb https://mirrors.ustc.edu.cn/ubuntu/ jammy-proposed main restricted universe multiverse

deb-src https://mirrors.ustc.edu.cn/ubuntu/ jammy-proposed main restricted universe multiverse


########   Ubuntu22.04 网易163镜像源   ###############

deb http://mirrors.163.com/ubuntu/ jammy main restricted universe multiverse

deb http://mirrors.163.com/ubuntu/ jammy-security main restricted universe multiverse

deb http://mirrors.163.com/ubuntu/ jammy-updates main restricted universe multiverse

deb http://mirrors.163.com/ubuntu/ jammy-proposed main restricted universe multiverse

deb http://mirrors.163.com/ubuntu/ jammy-backports main restricted universe multiverse

deb-src http://mirrors.163.com/ubuntu/ jammy main restricted universe multiverse

deb-src http://mirrors.163.com/ubuntu/ jammy-security main restricted universe multiverse

deb-src http://mirrors.163.com/ubuntu/ jammy-updates main restricted universe multiverse

deb-src http://mirrors.163.com/ubuntu/ jammy-proposed main restricted universe multiverse

deb-src http://mirrors.163.com/ubuntu/ jammy-backports main restricted universe multiverse


sudo apt update


sudo apt upgrade

Docker换源

Wed, 17 Jan 2024 16:00:00 +0800

一点星光，在心上就能反射出太阳

一、snap版docker

修改：


vim /var/snap/docker/current/config/daemon.json

二、apt版docker


vim /etc/docker/daemon.json

docker镜像：

小雅

Tue, 16 Jan 2024 16:00:00 +0800

梦如同黎明的泡沫一样逐渐消失

一、阿里云盘token获取

二、阿里云盘opentoken获取

三、一键安装：

一键安装和更新容器，标准模式，打开端口 5678

`bash -c "$(curl http://docker.xiaoya.pro/update_new.sh)"`

一键安装和更新容器，host模式（推荐，软路由和NAS上更少网络故障，打开端口 5678）

`bash -c "$(curl http://docker.xiaoya.pro/update_new.sh)" -s host`

四、docker compose安装：

version: '3'

services:
 xiaoya:
 image: xiaoyaliu/alist
 container_name: xiaoya
 restart: unless-stopped
 ports:
 - 8765:80
 volumes:
 - ./data:/data

# 新建文件夹 xiaoya 和 子目录
mkdir -p /volume1/docker/xiaoya/data

# 进入 xiaoya 目录
cd /volume1/docker/xiaoya

# 将 mytoken.txt 、 myopentoken.txt 、 temp_transfer_folder_id.txt 放入 /data 目录

# 将 docker-compose.yml 放入当前目录

# 一键启动
docker-compose up -d

webdav 账号密码用户: guest 密码: guest_Api789

Hello World

Mon, 15 Jan 2024 16:00:00 +0800

雨是神的烟花

笔记

Sun, 14 Jan 2024 16:00:00 +0800

Casaos

安装命令：

wget -qO- https://get.casaos.io | sudo bash

curl -fsSL https://get.casaos.io | sudo bash

更新命令：

绘画之旅

Sat, 13 Jan 2024 16:00:00 +0800

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

1.首张作品：

这是在我开始接触板绘，然后找了个地方学习了一段时间画出来的，花了老大劲了

img

2.生日作品：

出自我20岁生日，23年，庆祝自己生日画的，四周是按我朋友的特点画的，可能不怎么像

3.照片改画：

这是根据几张照片画的

下面这张是我自己的照片，挺像的，还蛮好看嘿嘿

这张是我的朋友，也是根据照片画的，她本人挺满意

4.二一贺生图：

出自21岁生日，很早就开始画，但是元素太多，没画完，然后就一直是半成品状态，以后有机会再画完叭

5.几只水母：

闲着没事画的几只水母是不是怪有感觉的

这张水母是在黑白情况下画的，画完才知道的颜色，看着还行

6.接力

这是一系列接力的作品，我和我的朋友俩人接来接去的：

第一幅：

看着有点生疏，毕竟之前没玩过

第二幅：

这里就渐渐地熟悉起来啦

他改完的这个我真的觉得很有感觉

美少女变虾仁饭哈哈哈哈

第三幅：

这里本来不长这样，但是那个线稿平涂的话不太能画，她正好也不会厚涂，我也不太会其实，嘿嘿我就改了下线稿

第四幅：

这幅我超喜欢，可可爱爱的

说真的，到这里变化挺大的，哈哈哈亲妈都认不出来了，但是很好看

Home on AIOVTUE-雪

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

本系列教程共十篇

最初部署

简介

开始部署

开始美化

分类页面

新增文件

绝美hugo主题博客-行星环

简介

部署教程

快速开始

免服务器动态博客-AueXUE

简介

网站预览

自定义

页面

其他页面

站点信息

友链公告

为回忆定制的Hugo主题-Simple

简介

预览

首页

文章页

时间轴

行星环

行星环特写

动态页

Hugo最美主题-aiovtue

简介

预览一下站点

开源地址

自定义

目录结构

Memos-web 不需要服务器

介绍

起因

想法

展示

部署

环境变量

部署到云端

Valaxy博客动态化

简介

开源地址

部署教程

克隆仓库

本地运行

安装依赖

配置本地密钥

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

本系列教程共十篇

覆盖文件

覆盖scripts\build-ssg.mjs

修改文件

修改package.json

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

本系列教程共十篇

效果展示

开始美化

环境变量

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

本系列教程共十篇

页脚添加计时功能

预览效果

新建文件

修改文件

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

本系列教程共十篇

效果演示

文件修改

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

本系列教程共十篇

话不多说，先看效果

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

本系列教程共十篇

效果演示

新增文件

覆盖`scripts\build-ssg.mjs`

修改`package.json`

在`styles\index.scss`文件增加以下代码

步骤一：修改环境变量 `\backend\wrangler.jsonc`