关于网站

// 写给我的网站

这是我做网站开发的第3年,我从一个完全不懂的小白也逐渐的成长为一个有自己设计语言的又可以去执行的开发者。

这几年以来兴趣是我的动力,我接触到了更多的新技术和新设计,但我知道学习是永无止境的,我也看到了很多很多比我更加年轻的,更加有活力的,更有技术的力的,更有自信的年轻人出来,我认识到我一直都很青涩。

所以我在26年初重新设计我的网站,打破旧的架构,重新开启一个设计之旅,我将会持续运行这个网站,让他见证我的发展

Shany.cc网站更新日志

接入AI,部分区块重新设计编写,更新了服务器监控模块,更新了项目栏模块,更新了mini终端模块,并且把mini终端接入首页底部。

使用了免费的图片托管具体在vrchat页面中使用网盘解析挂载图片(速度较慢但免费)

在生活区使用了火山对象存储,速度快但要收费,先使用如果续费过高便停用。

新增了两种字体,思源字体和像素字体都为开源免费字体,设计网站风格兰把网站分隔开为两个区域

把网站的功能分隔开为博客和个人名片功能,将网站的个人简介放置首页。

修复移动端和平板端打开菜单时出现的诡异跳动现象

修复手机端和平板端出现的容器

为网站设计了统一的菜单和页脚模板,与我的博客网站进行风格化区分

增添各类风格化色彩,以降低暖饱和度,对网站带来的视觉影响。

主色调:
暗深蓝(#1A2B4B)—— 大面积背景,模拟阴天的天空 / 高楼阴影
灰蓝(#324A6E)—— 区块底色,比主色调浅 5%,区分层级
冷灰(#6B7A90)—— 次要文字,避免纯黑的压抑

辅助色:
雾白(#E2E8F0,低饱和白)—— 主要文字、边框,与暗蓝形成弱对比,不刺眼
浅青蓝(#8FB4FF,低饱和)—— 极小面积用于链接、按钮(如 “播放” 按钮),像雨水中的一点反光

把设计流程化,以“暗深蓝色” 为基底,用低明度、低对比的色彩模拟阴雨天的天光;

通过“动态下雨+ 留白” 强化空间孤独感;搭配“湿润质感+ 微弱动态” 还原雨天的静谧与沉浸感。

关于我的服务器监控

这是一个服务器状态监控组件,通过 Beszel API 实时获取服务器运行数据,包括 CPU、内存、磁盘使用率、网络流量和运行时间等关键指标。

设计上融合了暗调深蓝、像素赛博与 Lofi Chill 风格 —— 终端窗口形态搭配像素字体点缀,柔和的蓝色光晕与低饱和度配色营造出深夜静谧的氛围。数据以 ASCII 进度条可视化呈现,既保留了开发者极客的命令行美感,又不失简约放松的视觉体验。

组件采用纯前端实现,通过 JWT Token 认证与 PocketBase API 通信,每 30 秒自动刷新数据。滚动进入视口时触发淡入动画,悬停时卡片微微上浮并泛起淡蓝光晕,为页面增添一份动态的科技感。

服务器监控
系统监控
运行中
--:--:-- 30秒后刷新

正在连接...

关于ShanY Terminal 迷你终端

这个迷你终端位于网站首页右下角,采用暗调深蓝配色,主背景色是深蓝黑色,边框使用灰蓝色,整体风格与网站保持一致。字体使用 JetBrains Mono 等宽字体搭配思源字体,系统信息标题使用像素字体增添复古感。

功能方面,你可以输入命令快速导航到网站各板块,比如输入 home 回到首页,输入 about 查看关于页面,输入 mc 或 vrc 进入游戏相关页面。输入 ls 可以查看完整的导航列表。

终端还支持服务器监控功能,输入 monitor 可以查看服务器的 CPU、内存、磁盘使用情况和网络流量,数据以文本进度条形式展示。

互动对话是另一个特色功能。输入你好、运势、加油等词语可以触发对话回复,支持天气、音乐、美食等日常话题。终端内置了一些彩蛋,试试输入 miku、nyan、42、coffee 等命令会有惊喜。

技术实现上,终端使用原生 JavaScript,无需额外依赖。采用懒加载机制,只有滚动到页面特定位置时才会出现,避免影响首屏加载速度。整个组件封装在单个 HTML 文件中,可以直接复制到 Elementor 使用。

设计上去除了边缘发光效果,采用冷色调灰蓝色作为状态指示色,保持视觉上的统一与简洁。

感谢

你好,我的这个网站的作者闪耀金金
如果你能发现这个感谢说明你非常认真的访问了我的网站
在此我非常感谢您能光顾我的网站
感谢您认真地浏览了我耗费了很多心血的作品

谢谢你我的朋友

在此我非常感谢以下或者团队

B站up波西BrackRat

liveout.cn这个网站的作者

油管up主犬哥网站和及其团队

blognas.hwb0307.com这个网站的作者

等各类人群以及知识分享博主

感谢你们启迪我对网站的理解传播建造网站和各种知识

由衷感谢

都看到这里了,去我的博客的评论区评个论吧(拜托了)