更多 · 芋泥P

致谢

这个网站的诞生离不开以下工具和开发者。没有它们，我大概还在用记事本手搓 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" 的尴尬。

已接入 API

本站运行所依赖的外部服务与数据接口。感谢以下提供方开放能力、数据与资源。

Cloudflare Pages Functions 后端运行时

本站全部无服务器接口（评论、点赞、浏览量、联系留言、内容管理、全文搜索、历史上的今天、内容审核）的运行平台，由 Cloudflare 全球边缘网络托管，无需自建服务器。

Cloudflare KV 存储

键值存储，承载浏览量计数、联系留言与动态内容（文章 / 公告 / 小说）的缓存层，跨边缘低延迟读取。

Cloudflare D1 数据库

关系型数据库（SQLite），承载评论与点赞的持久化存储，由 Cloudflare 托管并自动全球复制。

Byabbe API 数据来源

感谢提供「历史上的今天」开放数据（基于英文维基百科 on-this-day，无需密钥、跨域友好），是本站历史模块的主数据源。

Wikipedia REST API 数据来源

感谢中文维基百科开放接口（zh.wikipedia.org REST feed 的 onthisday），作为「历史上的今天」的中文数据兜底来源，保障可用性。

云智 API 视觉支持

感谢提供首页樱花飘落特效的视觉支持（基于 Canvas 的樱花花瓣粒子动画），已适配暗色主题与移动端响应式渲染。

资源来源

设计灵感

暗色玻璃态（Glassmorphism）风格借鉴自 Apple Design Resources、Vercel Design 及多个开源社区项目。CSS 变量主题化方案参考 Tailwind CSS 设计令牌体系。

樱花特效

Canvas 樱花飘落动画通过云智 API 驱动渲染，使用 base64 PNG 花瓣贴图实现高性能粒子系统。矢量化、性能优化及移动端适配由 WorkBuddy 辅助完成。

音乐播放器

基于 Web Audio API 与 HTML5 Audio 元素构建，支持 SPA 跨页面不间断播放。播放列表持久化使用 localStorage。

字体

自托管字体：思源黑体 ExtraLight（Source Han Sans CN），OTF 约 7.7MB，由 Cloudflare CDN 分发，`font-display: swap` 保证首屏文字即时显示。统一全站字体观感。

作曲专题

8 篇零基础作曲教程，从乐理到六种风格拆解。我手搓的，理论参考了众多在线音乐教育资源。

图标

自定义 SVG 图标，部分灵感来自 Feather Icons 与 Phosphor Icons 设计语言。

专题

作曲专题系列

站内速达

为了让顶部导航在笔记本上不至于太挤，部分入口折叠到这里，需要时点一下直达。

关于我 · 自我介绍与联系方式

小说 · 原创连载《GRiMVAST》等

公告 · 站点近期动态

标签 · 按主题浏览全部内容

知识库 · 整理过的参考资料

鼠标光标

选择你喜欢的光标颜色，设置自动保存在本地。开启「自定义光标」会用跟随鼠标的圆点替代系统指针。

自定义光标（圆点跟随）

动态背景（实验功能）

开启后，在电脑端移动鼠标，背景会平滑跟随鼠标方向——鼠标所在位置即背景焦点中心。仅支持带鼠标的设备，设置自动保存在本地。

动态背景

看板娘

控制首页 3D 看板娘「超天酱」的显示。默认关闭；开启后她会在右下角悬浮，点击可对话。设置自动保存在本地。

看板娘「超天酱」

显示看板娘

关于芋泥P

独立 P主，擅长编曲与绘画。不太会说话，就把想表达的放进旋律和线条里。

做这个网站，初衷很简单——想要一个自己的角落。不放广告、不追流量、不迎合算法。只是安静地放点曲子，写点东西，记录那些不值得发朋友圈但也舍不得忘掉的瞬间。

如果你也喜欢安静的角落——欢迎坐下来。

本站技术

纯静态 SPA / Hash-based 路由 / 零框架 / 原生 JavaScript

Cloudflare Pages 托管，Wrangler CLI 部署至全球 CDN

Canvas 樱花动效（云智 API）/ 跨页面音乐播放器 / 反爬虫邮箱 / JSON 驱动内容管理