Ember的主页
--:--
Ember 头像
Ember_Asiawest
你好,这里是我的小窝

关于网站

这是一个纯静态的个人主页,没有后端服务器,所有页面都在你的浏览器里本地渲染。网站的源代码托管在 GitHub 上,并由 Cloudflare 负责网络层的加速、防护与解析。

什么是「托管」—— GitHub

「托管(Hosting)」就是把网站的文件(这里的 HTML、CSS、图片等)放到一台始终连着互联网的服务器上,这样别人输入网址就能看到你的页面。GitHub Pages 可以免费托管静态网站:你只要把代码推送到仓库,它就会自动把页面发布成一个可通过网址访问的网站。简单说,GitHub 提供了「地基 + 门牌号」,网站文件就住在它上面。

什么是「网络服务 / 运营」—— Cloudflare

「运营」在严格意义上指站长对网站内容的维护与更新,这部分始终由我来做。你提到的 Cloudflare,更准确地说并不是「运营」网站,而是为网站提供网络层服务:它承担 DNS 解析、CDN 内容分发(让访客从离自己最近的节点加载,更快)、SSL 加密以及 DDoS 攻击防护。相当于一位尽职的「物业 + 快递网络」,负责把访客又快又安全地送到门口,并拦下恶意流量。所以这里的分工是:GitHub 负责「把网站放上网」,Cloudflare 负责「让网站更快、更安全地被访问」。

更新日志

这里记录本网站每一次更新的时间与具体内容。

2026-08-28
博客栏新增「键盘使用频次可视化」板块
  • 博客栏最上方新增「键盘使用频次可视化 · KeyboardHeatmap3D」板块:基于项目 README 整理 5 条笔记(项目简介 / 3D 热力键盘自研渲染管线 / 高度柱 + 两种视角 / 纯本地统计·托盘·开机自启 / 技术栈 + 源码构建)。
  • 板块底部常驻「前往 GitHub 仓库」与「下载」按钮(下载指向仓库 releases)。
2026-08-28
博客栏新增「QQ 自动戳一戳」板块
  • 博客栏最上方(键盘热力图之上)新增「QQ 自动戳一戳 · qq_poke」板块:基于 README 整理 5 条笔记(项目简介 / 模板匹配 + 两点框选校准 / 频率限制处理 / 两种上手方式 / 技术栈 + 预编译 exe)。
  • 条目内链接复用 README 自带目录锚点(#功能特性 等),底部同款「前往 GitHub 仓库」+「下载」按钮。
2026-08-25
可访问性(A11y)强化
  • 博客栏 13 个手风琴标题按钮补上 aria-expanded / aria-controls 受控关系;博客详情卡与源码详情卡加 role="dialog" aria-modal="true" 与 aria-labelledby;源码按钮加 aria-haspopup="dialog"。
  • 低性能模式开关改为 role="switch" 并支持键盘空格 / 回车切换,屏幕阅读器可正确识别开关状态。
2026-08-25
边缘情况与健壮性修复
  • 头像加载失败(ember.png 缺失)时显示绿色兜底底块 + 首字母「E」,不再裂图。
  • 超窄屏(≤400px)加固:链接 overflow-wrap:anywhere 防溢出,卡片与博客栏内边距、字号收紧。
  • 弹层关闭动画在窗口缩放(resize)后按当前触发按钮位置重算起点,避免缩放回正后动画错位。
  • 低性能模式 !important 规则去重,避免重复覆盖。
2026-08-25
过渡动画维持原方案
  • 评估过用纯 transform 改写 FLIP 生长动画以省重排,实测会缩放变形内容、生长轨迹弯曲,已整文件回退;当前仍采用原有 width/height 直线生长动画,观感与之前一致。
2026-08-16
博客栏新增「魔法粒子」板块
  • 在博客栏最上方新增「魔法粒子 · Magic Particle」板块,对应本站项目本身(GitHub 仓库 Artruok/-MagicParticle)。
  • 爬取该仓库 README 解析为 6 条笔记(项目简介 / 三种素材来源 / 精度档位 / 立体厚度+深度图 / 预览交互 / 技术栈+更新),链接指向对应章节锚点。
2026-08-16
板块底部快捷链接
  • 魔法粒子板块移除「关于作者」链接,底部新增常驻「前往 GitHub 仓库」「前往网页」按钮。
  • 壁纸笔记本板块底部新增常驻「下载」「前往 GitHub 仓库」按钮。
2026-08-16
低性能模式切换按钮动画
  • 低性能兼容模式的切换开关在低性能模式下保留滑动 / 背景过渡动画(不被全局 transition:none 杀掉)。
2026-08-14
低性能模式优化
  • 分区色降饱和:红 / 绿 / 蓝三色调柔,不再过于鲜艳。
  • 荧光笔描线仅保留在低性能模式,普通毛玻璃模式恢复柔和阴影。
  • 荧光笔线条加高(0.5em → 0.72em),更像记号笔。
  • 修复移动端顶部导航条无法横向滑动的问题(整条作为滚动容器)。
2026-08-14
配色分区变量 + 荧光笔描线
  • 引入分区色变量 --sec:每板块只定义一种颜色,子元素自动继承,杜绝一个板块内混多色。
  • 标题下方阴影改为同色荧光笔描线效果。
2026-08-14
扁平边框分色圆角 + 淡白灰背景
  • 扁平化边框统一圆角,按板块分配不同颜色(控制栏 / 博客 / 卡片)。
  • 背景改淡白偏灰,方块颗粒改为更柔和的灰色。
2026-08-14
方形颗粒背景 + 粗彩边框 + 开关修复
  • 背景由细线网格改为单个方形颗粒依次排列的点阵。
  • 扁平边框加粗到 3px 并上色。
  • 修复切换开关圆点定位不对称(垂直居中 + 左右对称滑动)。
2026-08-14
新增低性能兼容模式
  • 侧边栏「关于网站」下方新增「低性能兼容模式」开关(localStorage 记忆状态)。
  • 开启后禁用动画 / 毛玻璃 / 阴影,背景纯白加像素颗粒,边框改为粗线条扁平化。
2026-08-14
时间轴竖线修复 + 气泡调亮
  • 修复时间轴竖线随滚动错位 / 消失(改挂内容容器、随滚动移动)。
  • 气泡由过深改调亮,并给文字加描边阴影提升阅读性。
2026-08-14
时间轴节点细化 + 卡片内滚动
  • 时间节点拆为精确日期、去掉范围式表述、加事项小标题。
  • 日志卡片内时间轴改为独立滚动,可容纳更长的时间线。
2026-08-14
日志页宽度自适应
  • 「关于网站 / 更新日志」卡片在大屏下由固定 560px 改为动态 min(94%, 1280px),最大程度利用横向空间、减少留白。
2026-08-14
时间轴版式
  • 更新日志由"日期 + 列表"改为垂直时间轴,沿中轴左右交替以气泡呈现。
2026-08-14
新增更新日志页
  • 侧边栏加入"更新日志"入口,按日期倒序记录每次更改的时间与内容。
2026-08-14
补充关于网站页
  • 说明本站为纯静态站点,由 GitHub 托管、Cloudflare 提供网络层服务,并解释"托管"与"网络服务"的含义。
2026-08-14
壁纸笔记本注脚
  • 「壁纸笔记本」板块底部新增灰色小字,标注各条目整理自 GitHub、点击可展开查看原文。
2026-08-13
移动端适配
  • 详情弹层拉满屏幕、悬浮侧边栏改为顶部横排导航、页面切换方向判定按屏占比放宽。
2026-08-13
源码二级界面与下载
  • 「查看源代码」改用二级大屏界面展示,并新增「下载脚本」按钮(前端 Blob 下载 bat)。
2026-08-13
博客板块化
  • 博客按项目拆分为独立卡片板块,标题去横杠、改用发光圆点引导。
2026-08-13
新增显卡测试板块
  • 新增「听说 bro 的显卡性能不错」条目,含 123 云盘分享链接与三级确认跳转页。
2026-08-13
博客二级大屏页
  • 博客条目点击后由 FLIP 动画生长为大屏详情页,替代原内联手风琴。
2026-08-13
新增博客栏
  • 在个人卡右侧新增博客栏,基于 GitHub 仓库「壁纸笔记本」整理 4 条开发笔记。
2026-07-24
视觉规范
  • 定义毛玻璃卡片风格与「统一按键规则」(白描边 + 边缘发光 + 回弹缩放)。
2026-07-24
页面架构奠基
  • 确立单页多页切换架构、悬浮抽屉式侧边栏、类 macOS 顶部栏(含实时时钟)。
Ember 头像
个人介绍
Ember_Asiawest

本人信息

  • 年龄-- 岁
  • 生日2011 年 12 月 10 日
  • 性别男性
  • 身份--

游戏

原神 光遇 phigros

热爱的运动

羽毛球

性格 & 喜好

温柔 有点疯癫(抽象) 喜欢二次元 喜欢可爱的小动物

技术 · 编程

主要在学 C++,学一点点 Python 以及 HTML。

其他:会一点 Linux;是个深度用户,会用 Claude Code 等 AI;比较懂电脑系统与各种文件后缀;会 Python 爬虫。

其他技术

建模(Blender) 制乐(FL Studio) Arduino PS 剪映

即将跳转到其他网页

接下来会跳转到 QQ 的好友添加页面,您需要一些手动操作。

手动添加

下方是我的 QQ 号为 1299647255