2026-07-18
绝地反击的牛仔：达拉斯独行侠队（Dallas Mavericks）
这是我的小站自己真正写的第一篇文章
知识库
像素天堂
0
文章
0
相册
欢迎来到我的像素世界！这里记录了我的代码、设计与生活点滴。
分类
设计3
开发5
像素画2
生活4
标签
像素 博客 Canvas JavaScript 设计 CSS 动画
★ Featured
FYH Blog
你正在浏览的这个网站——像素风格个人空间。支持 Markdown 写作、相册管理、日历记事，以及昼夜主题切换。使用 Astro + Svelte 构建。
★ Featured Project
FYH Blog
你正在浏览的这个网站——像素风格个人空间。支持 Markdown 写作、相册管理、日历记事，以及昼夜主题切换。使用 Astro + Svelte 构建，CSS 变量驱动的主题系统。
5
子页面
3
功能模块
CSS
动画变量
100+
样式规则
Astro
v5.x
Svelte
v5.x
TypeScript
latest
CSS Custom
Properties
Canvas API
2D
localStorage
Persist
Pixel Painter
基于 Canvas 的在线像素画编辑器，支持多图层、自定义调色板、GIF/PNG 导出、历史撤销。
多图层支持
无限图层叠加，独立控制透明度、混合模式，自由排序。
自定义调色板
16 色经典像素调色板，支持自定义颜色和保存配色方案。
GIF/PNG 导出
支持静态 PNG 和动画 GIF 导出，可设帧率和循环次数。
历史撤销
无限步撤销/重做，完整操作历史记录。
🐱 CatViewer
可爱的猫咪图片浏览器，支持懒加载和无限滚动，集成 Cat API 获取随机猫咪照片。点击猫咪卡片来发现更多毛茸茸的朋友！
懒加载
Intersection Observer 实现，图片进入视口才开始加载，节省带宽。
无限滚动
滚动到底自动加载更多，永无止境的猫咪瀑布流。
Cat API
集成 The Cat API，海量猫咪图片随心浏览。
响应式设计
自适应所有屏幕尺寸，手机和平板上同样可爱。
🌸 Sakura CSS
纯 CSS 实现的樱花飘落效果库，零依赖、轻量级，支持自定义花瓣数量、速度和颜色。为你的网页添加一抹浪漫的春日气息。
零依赖
纯 CSS animation
高度可定制
花瓣数/速度/颜色
轻量级
压缩后 < 2KB
⛅ Pixel Weather
像素风天气卡片组件，集成 Open-Meteo API，支持实时天气和七日预报展示。让天气数据也变得可爱！
今天28°
明天26°
后天22°
周四24°
周五29°
周六27°
周日30°
Open-Meteo API
免费开源天气 API，无需 API Key，全球覆盖。
七日预报
未来一周天气一目了然，支持温度/湿度/风速展示。
像素风格
像素风图标和排版，复古游戏般的天气体验。
组件化
React 组件，开箱即用，支持完整的 TypeScript 类型。
相册集
每一张照片都是一段像素记忆。拖拽或点击上传，创建你的相片集。
0相册
0照片
◆ 所有相册 ◆
新建相册集
拖拽或点击上传
拖拽或点击上传
FYH