服务器信息：2核2G 3Mbps
服务器供应商：啊理云
域名供应商：啊理云
加密证书：Let’s Encrypt
是否已经备案： √
国内可访问： √
全球可访问： ×
最短截止日期：2026年12月
是否长期运营： △ 未决定
是否已经公开： ×

更新日志#

更新 - 20260303#

已修改的内容#

添加页面顶部加载进度条。
删除导航栏返回上一级按钮。
文章页添加返回归档页按钮。
修改默认主题色。
修改歌曲播放模式为列表循环。

更新 - 20260301#

已修改的内容#

优化 banner 模式页面切换的动画。
调整 banner-text-overlay 的位置。
修改网页文本选择样式。
添加音乐播放器加载本地json数据功能。
修改歌曲列表。
修改友链、设备信息、番剧、技能、时间线和项目信息。
页面切换结束时平滑滚动到顶部。
应用 Github 仓库、工作流配置。

更新 - 20260227#

已修改的内容#

框架版本更新到了 8.2。
动画变得更舒服了。
修改了字体。字体选择：拉丁字母来自 Google font - Comfortaa；简体中文来自 SourceHanSans (思源黑体)。某些文字可能不符合日语或韩语的书写习惯，因为汉字字体版本是CJK。
自定义了滚动条，原来那个会导致页面动画播放两次。其实注释里写了会播放两次所以才不初始化的，只是我一开始没看见。。

更新 - 20260106#

已修改的内容#

网站已备案。

现在滚动条样式将随主题切换而改变。原先滚动条样式始终使用主题 os-theme-dark 黑色半透明样式，这在深色模式下非常难看清。

添加/修改的代码如下：

1
// 应用主题变化
2
if (needsThemeChange) {
3
    const scrollbar = document.querySelectorAll(".os-scrollbar")[1];
4
    if (targetIsDark) {
5
        document.documentElement.classList.add("dark");
6
        scrollbar?.classList.remove("os-theme-dark");
7
        scrollbar?.classList.add("os-theme-light");
8
    } else {
9
        document.documentElement.classList.remove("dark");
10
        scrollbar?.classList.remove("os-theme-light");
11
        scrollbar?.classList.add("os-theme-dark");
12
    }
13
}

更新此文档。

更新 - 20251226#

已修改的内容#

网站已添加域名绑定与SSL证书。网站域名：www.vista233.top
添加 teapot 页面。

提高搜索框对比度。原始发布中，搜索框颜色与背景相近，难以看清。

添加的代码如下：

1
input::placeholder {
2
    color: black;
3
    opacity: 0.4;
4
}
5
:root.dark input::placeholder {
6
    color: white;
7
    opacity: 0.4;
8
}

1
<div id="search-bar-inside" class="flex relative lg:hidden transition-all items-center h-11 rounded-xl
2
  bg-black/[0.04] hover:bg-black/[0.06] focus-within:bg-black/[0.06]
3
  dark:bg-white/5 dark:hover:bg-white/10 dark:focus-within:bg-white/10">
4
    <Icon icon="material-symbols:search" class="absolute text-[1.25rem] pointer-events-none ml-3 transition my-auto text-black/30 dark:text-white/30"></Icon>
5
    <input placeholder="Search" bind:value={keywordMobile}
6
        class="pl-10 absolute inset-0 text-sm bg-transparent outline-0
7
        focus:w-60 text-black/50 dark:text-white/50">
8
</div>

将返回按钮与主页图标包裹，防止宽度变化时两者间距变化/减小间距。

代码如下：

1
<div class="flex items-center">
2
    <a href="javascript:history.back()" class="btn-plain scale-animation rounded-lg h-[3rem] w-[3rem] active:scale-95">
3
        ...
4
    </a>
5
    <a href={url('/')} class="btn-plain scale-animation rounded-lg h-[3rem] px-4 font-bold active:scale-95">
6
        ...
7
    </a>
8
</div>

替换网站URL。
更新此文档。

更新 - 20251218#

已修改的功能#

导航栏已被设置为常驻页面顶部，样式为填充。原始发布中，导航栏为圆角，且页面滑动一定距离会离开。

添加的代码如下：
```
1
#top-row {
2
    position: fixed;
3
    top: 0;
4
    width: 100vw;
5
    z-index: 50;
6
    pointer-events: none;
7
    transition: all;
8
    transition-duration: 700ms;
9
    max-width: var(--page-width);
10
}
```
优点：使用元素的id访问控制元素，在css中控制元素。而非使用原作者逆天的”.absolute.w-full.z-30.pointer-events-none”访问元素。

导航栏添加返回上一页功能。添加的代码如下：

1
<a href="javascript:history.back()" class="btn-plain scale-animation rounded-lg h-[3rem] w-[3rem] active:scale-95">
2
    <div class="flex flex-row items-center">
3
        <Icon name="material-symbols:arrow-back-rounded" size="24"/>
4
    </div>
5
</a>

修复移动端banner模式背景图位置错误的问题。
添加osu图标。
更新此文档。

更新 - 20251216#

已修改的功能#

导航栏已被设置为填充整个页面

修复移动端导航栏遮挡了内容的问题

原代码：

1
body.enable-banner #banner-wrapper:not(.mobile-hide-banner) {
2
    height: 75vh !important;
3
    min-height: 500px;
4
    max-height: none; /* 移除最大高度限制 */
5
    top: 0 !important;
6
}

修改后：

1
body.enable-banner #banner-wrapper:not(.mobile-hide-banner) {
2
    height: 75vh !important;
3
    min-height: 500px;
4
    max-height: none; /* 移除最大高度限制 */
5
    top: 11rem !important;
6
}

将原作者狗屎的访问main content元素的方式变更。原作者为main content的class设置样式：“absolute w-full z-30”，其他地方控制此元素时却直接以此样式为选择器访问：
```
1
body.no-banner-mode .absolute.w-full.z-30 {
2
top: 5.5rem !important;
3
}
```
```
1
var mainContent = document.querySelector('.absolute.w-full.z-30.pointer-events-none');
```
已在main content的class的开头添加”main-content-layout”，其他地方控制此元素以此作为选择器访问。旨在提升代码质量，降低维护难度。

更新 - 20251212#

已修改的功能#

修复滚动相关的问题。原始发布中，若切换页面前不在页面顶端，会导致非预期的固定滚动与意外的瞬间移动。此更改在页面切换前即自动滚动到页面顶部，避免非预期的滚动。添加的代码如下：
```
1
plugins: {
2
        doScrollingRightAway: true,
3
        animateScroll: {
4
            betweenPages: false,
5
            samePageWithHash: false,
6
            samePage: false,
7
        },
8
    },
```
修复滑动条不显示的问题。原始发布中，滚动条并未以预期的方式渲染。OverlayScrollBars插件成功阻止浏览器原生滚动条渲染，但没有初始化，导致没有滚动条出现。此更改初始化了插件功能，成功渲染滚动条。添加的代码如下：
```
1
// 请初始化 OverlayScrollBars。原作者没有初始化，导致滚动条并未出现。已改进
2
const osInstance = OverlayScrollbars(document.body, {
3
    scrollbars: {
4
        autoHide: "leave",
5
        autoHideDelay: 400
6
    }
7
});
```
更改卡片背景样式。全背景图模式下，卡片的透明背景造成浏览器性能显著下降。此更改将卡片透明背景设置为不透明背景，旨在降低性能消耗，提升流畅度。

わたしの部屋

更新日志#

更新 - 20260303#

已修改的内容#

更新 - 20260301#

已修改的内容#

更新 - 20260227#

已修改的内容#

更新 - 20260106#

已修改的内容#

更新 - 20251226#

已修改的内容#

更新 - 20251218#

已修改的功能#

更新 - 20251216#

已修改的功能#

更新 - 20251212#

已修改的功能#