关于我

关于我 / About Me#

你好!我是 HY ,一个在数字世界中默默无闻的一片叶子。

我很喜欢《俺妹》里的桐乃。

虽然她的性格有时候确实有点难绷,但不得不承认,她身上有一种很吸引我的特质——能够坚持自己的兴趣,同时在学习、工作和生活中都保持优秀。

我希望自己也能成为这样的人:拥有热爱的事情,并且愿意为它投入时间;不因为兴趣而放弃成长,也不因为现实而丢掉喜欢的东西。

希望我成为一个既认真生活,又能坚定追求自己目标的人。

🛠️ 关于本站#

一个摆烂的站和一个摆烂的博主,记录一些生活,爱好技术和相关的东西。

这个网站使用 Astro 框架构建,采用了 Firefly 模板,Firefly 是基于 Fuwari 的二次开发。

本站的每次更新都记录在 博客日志 里。

在 Firefly 的基础上又加了一层自己的东西,到现在一共 50 版改动。改动原则是尽量不碰上游源文件 —— 全部落在配置、素材和新增的独立文件上,这样上游更新时几乎不用解冲突。下面按板块把改过的功能全部列出来,逐条的背景、数字和踩坑在《把 Firefly 魔改了五十版》里,完整明细在博客日志。

首页#

  • 玻璃个人卡片 — 壁纸区叠一层毛玻璃卡片:头像、站名、快捷导航、社交按钮、胶带装饰,依次浮入
  • 可拖拽的场景贴纸 — 19 张素材、桌面铺 11 张,按住可拖、刷新复位
  • 贴纸按需加载 — 服务端不发图片请求,只给抽中的那几张赋 src;手机端只显示 4 张
  • 第一张动图贴纸 — 「夏娜·甩发」,6 帧 300ms 一轮的动画 webp
  • 卡片开场自动收起 — 停留约 2 秒后滑出屏幕,露出纯壁纸
  • 手动收起与叫回 — 右上角一颗 − 随时收起,右边缘竖排小签把卡片叫回来
  • 「隐藏贴纸」开关 — 右下角一键收放那排小人,状态存本地
  • 贴纸给下滑箭头让路 — 底部这排从素材里随机抽、左右分列,正中央空出来
  • 移动端卡片让位 — 按屏高算出净空,把卡片抬起来不糊住下滑箭头
  • 首页动态滚动条 — 横幅下方横滚最近 12 条站长动态,悬停暂停
  • 关闭水波纹动效 — 少一块持续占用主线程的 canvas 绘制

新增页面#

  • 朋友圈 /moments/ — 把所有友链的最新文章聚成一条时间线,来源按本站 / Blog / 社区配比交错,构建期抓 RSS、快照兜底
  • 站点统计 /analytics/ — 总览卡、访问脉冲、推送热力图、访客活跃时间、设备与地域分布、评论统计,数据走 Umami 公开分享接口
  • 番组计划 /bangumi/ — 浏览器实时拉 bgm.tv 收藏(动画 308 部、看过 277 部)
  • Steam 游戏库 /steam/ — 拥有游戏数、总时长、等级徽章和全部游戏时长榜
  • 留言板 /guestbook/ — 群聊风格的聊天窗口:气泡列表、成员列表、公告栏、表情、图片上传、回复/编辑/删除、30 秒自动同步
  • 博客日志 /blog-changelog/ — 逐版记录本站的每一次改动
  • 站长动态 RSS /dynamic/rss.xml — 与动态页同一份数据,每条跳回对应锚点
  • 书签导航悬停预览 — 卡片悬停展开该站首页截图,图片真悬停过才请求

友链#

  • 卡片悬停展开首页截图 — 鼠标停在卡片上,顶部展开对方首页的截图
  • 自助申请 — GitHub Issue 表单提交,机器人自动校验可达性、同域、回链三项后写入配置
  • 社区单独分区 — 「博客社区」那批挪到下方独立一栏,不和博客混排
  • 头像防盗链 — 统一加 referrerpolicy="no-referrer",解决部分站点头像 404

评论区#

  • 回复默认展示 2 条 — 多出来的收进「展开更多(还剩 M 条)」,每次再放 5 条,摊完可「收起回复」;回复本来不超过 2 条的完全不碰
  • 回复带上引用 — 把被回复的那句摘成引用块,点击滚到原评论并高亮;原生的「@昵称:」不再重复显示
  • 动态页也走同一套 — 动态的内嵌评论区同样支持折叠与引用(那是个 iframe,由父页面把样式与脚本代投进去)
  • 动态页照着朋友圈重做 — 卡片加主题色竖条、头像描边、固定尺寸的图片网格;顶上补封面区(封面大图 + 浮出的头像 + 昵称签名 + 写说说),封面图每次进页面从壁纸池随机一张
  • 全站「最近评论」 — 右栏挂最新 8 条,含头像、昵称、相对时间、「评论于 /路径」(只在博客首页显示)

视觉与交互#

  • 卡片深色描边 — 全站统一 2px 纯黑(暗色自动切纯白),自建页逐个补齐
  • 页脚两行数字 — 建站运行时间逐秒跳 + 今日/全站访客与访问四个指标滚动
  • 开往入口 — 顶栏外链入口 + 页脚徽标(黑白两版自托管)
  • 顶栏挤压修复 — 1024–1599px 隐藏导航项图标并收紧内边距,不再被压成竖排
  • 「关于」菜单补自建服务 — 音乐播放器等站内服务入口补齐
  • 俺妹鼠标指针 — 亮色用高坂桐乃、深色用五更琉璃(黑猫),各 28 枚共 56 枚;切换主题只换一组 CSS 变量

性能#

  • CDN 分层缓存 — HTML 边缘缓存、哈希资源一年、素材 30 天,外加部署后自动预热
  • 壁纸瘦身 — 桌面 4 张 + 移动 3 张全转 WebP q90:14.3 MB → 1.0 MB
  • 首屏提速 — 贴纸图压到显示尺寸、修掉入场动画被图片阻塞、favicon 从 88 KB 换到 8.9 KB
  • 站内搜索提速 — 预热 Pagefind 加载链,取数请求 45 → 6,顺带补上「回车 = 进第一条结果」
  • 预取刹车 — 关掉视口预取,首屏少传 483 KB、少发起 14 个请求
  • 标题不再姗姗来迟 — 换成起点不透明的专属关键帧,最大元素延迟 0.36 秒 → 0.08 秒
  • 别让小图抢带宽 — 侧栏头像改懒加载并去掉高优先级,/images/、/favicon/ 补 30 天缓存

素材与相册#

  • 贴纸抠底与压缩 — 亮度 + 低饱和度 + 四角洪水填充,保住角色内部的白衬衫又吃掉落地灰影
  • 相册 — 首页贴纸原图、夏娜表情、统计页插画三本,原稿不压缩存档
  • 壁纸池扩充 — 桌面池与移动池各加几张,支持多张自动轮播(每 5 秒)
  • 相册清理 — 删掉品红底原图与重复的九宫格源

工程与基础设施#

  • 内容与主题分离 — 文章放进独立的私有仓库,构建前脚本浅克隆同步,合并上游不用再解文章目录的冲突
  • 内容推送自动部署 — 内容仓加 workflow,push 后触发两个平台的部署挂链
  • Tailwind 扫不到内容目录 — 内容目录被 gitignore 导致工具类永不生成,靠一张登记表解决
  • 构建不再被接口拖垮 — 外部接口先探测再回退,并给未处理的 Promise 拒绝加窄范围兜底
  • 给悬停封面做体检 — 清单缺条目时前端是静默跳过,所以把比对塞进构建期并打印告警

感谢你的来访!希望在这里能找到对你有用的内容!

Profile Image of the Author
HY
Hello, I'm HY.
公告
迷茫.... 为了访问速度,本站将会在11月上旬至中旬迁移到0dm.cn并完成备案
分类
标签
最新动态
站点统计
文章
74
分类
8
标签
192
总字数
161,979
运行时长
0 天
最后活动
0 天前
站点信息
构建平台
Vercel
博客版本
Firefly v6.16.8
文章许可
CC BY-NC-SA 4.0

当前页面没有目录

文章目录

当前页面没有目录