返回首页更多
致谢、资源与一些想说的话。
致谢
这个网站的诞生离不开以下工具和开发者。没有它们，我大概还在用记事本手搓 HTML。
WorkBuddy (CodeBuddy)
AI 编程助手。本站的搭建、调试与部署全程由 WorkBuddy 协助完成。从页面布局到文章渲染，从樱花动效到音乐播放器——它写了我这辈子不想手写的每一行 CSS。
Cloudflare Pages
静态站点托管。免费、快速、自带 CDN，域名 imopasto.pages.dev。
云智API
樱花飘落特效由云智 API 提供支持——基于 Canvas 的樱花花瓣动画，适配暗色主题与移动端响应式渲染。
Vercel
曾短暂托管站点，因国内访问受限迁移至 Cloudflare。登录与部署体验很流畅。
Wrangler CLI
Cloudflare Pages 命令行部署工具。每次更新一行命令上线。
Mutagen (Python)
MP3 ID3 标签解析。把音乐文件名转成内嵌标题，避免 "01 - track.mp3" 的尴尬。
资源来源
设计灵感
暗色玻璃态（Glassmorphism）风格借鉴自 Apple Design Resources、Vercel Design 及多个开源社区项目。CSS 变量主题化方案参考 Tailwind CSS 设计令牌体系。
樱花特效
Canvas 樱花飘落动画通过云智 API 驱动渲染，使用 base64 PNG 花瓣贴图实现高性能粒子系统。矢量化、性能优化及移动端适配由 WorkBuddy 辅助完成。
音乐播放器
基于 Web Audio API 与 HTML5 Audio 元素构建，支持 SPA 跨页面不间断播放。播放列表持久化使用 localStorage。
字体
系统原生字体栈：苹方 / Microsoft YaHei / Segoe UI / Inter。无外部字体请求，加载零延迟。
作曲专题
8 篇零基础作曲教程，从乐理到六种风格拆解。我手搓的，理论参考了众多在线音乐教育资源。
图标
自定义 SVG 图标，部分灵感来自 Feather Icons 与 Phosphor Icons 设计语言。
专题
作曲专题系列
关于芋泥P
独立 P主，擅长编曲与绘画。不太会说话，就把想表达的放进旋律和线条里。
做这个网站，初衷很简单——想要一个自己的角落。不放广告、不追流量、不迎合算法。只是安静地放点曲子，写点东西，记录那些不值得发朋友圈但也舍不得忘掉的瞬间。
如果你也喜欢安静的角落——欢迎坐下来。
本站技术
纯静态 SPA / Hash-based 路由 / 零框架 / 原生 JavaScript
Cloudflare Pages 托管，Wrangler CLI 部署至全球 CDN
Canvas 樱花动效（云智 API）/ 跨页面音乐播放器 / 反爬虫邮箱 / JSON 驱动内容管理