AetherDesk — Your Desktop is Now Your Desk.

一个将桌面变成真正工作台的交互式壁纸项目。

💡 关于项目 (About)

AetherDesk 的诞生源于一个核心哲学：“桌面”，就应该是真正的桌面，而不是一个用来放漂亮图片的相框。

我们每天都需要坚持打开 Notion 或其他效率应用，而这个“打开”的动作本身就是一种意志力消耗，很容易半途而废。AetherDesk 通过将待办事项、目标和想法直接呈现在桌面上，利用环境触发来对抗拖延，让你一打开电脑，就能直接开始工作。

这是一个完全由原生前端技术 (HTML, CSS, JavaScript) 构建的本地化解决方案，也是我在学习 The Odin Project 过程中的核心实践项目。

✨ 已有功能 (Features)

AetherDesk 已经从一个静态原型，进化成了一个功能完备的本地化效率工具。

核心功能 (Core Functionality)

• ✅ 动态内容管理 (CRUD):
  • 添加 (Create): 在焦点模式下，通过优雅的行内编辑动画，无缝添加新条目。
  • 读取 (Read): 所有数据在加载时自动渲染。
  • 更新 (Update): "完成"功能可将条目从未完成状态移动到“已完成”列表。
  • 删除 (Delete): 血条式二次确认删除交互，兼具安全与趣味性。
• ✅ 数据持久化 (Persistence):
  • 所有数据通过 localStorage 存储在本地上，刷新或重启后数据不丢失。
• ✅ 焦点模式 (Focus Mode):
  • 三击任意面板，可使放大至“甜甜圈”布局的中央，提供沉浸式的、无干扰的工作环境。

视觉与交互 (UI & UX)

• 🎨 独特的“甜甜圈”布局:
  • 创新的环绕式布局，完美解决了桌面图标遮挡问题，同时极具设计感。
• 🔮 现代视觉风格:
  • 以深色模式为基调，搭配半透明毛玻璃效果 (backdrop-filter)，营造出轻盈、专注的“以太”氛围。
• 💧 流畅的交互反馈:
  • 从金属质感的扫光悬停效果，到清单式的条目设计，再到各种状态切换的平滑过渡动画，每一个细节都经过精心打磨。

🚀 快速上手指南 (Quick Start Guide)

AetherDesk 是一个在线的网页壁纸，你不需要下载或安装任何代码，只需要一个 URL。

设置壁纸

1. 打开你喜欢的动态壁纸软件（如 Wallpaper Engine 或 Lively Wallpaper）。

2. 选择“添加/创建壁纸”，并选择 “网页 (Web)” 或 “URL” 类型。

3. 在 URL 输入框中，粘贴以下地址并确认：

   https://aether-desk-chi.vercel.app/

   注意： 由于服务器位于国外，在国内网络环境下，可能需要使用梯子。

核心操作方法

• 切换视图 (Focus / Grid Mode):

  • 在任意面板的空白区域（或任务左侧的窄边框）连续点击三次，即可在“四宫格”视图和“焦点”视图之间切换。

• 创建任务 (Create):

  • 进入焦点模式，点击底部的 + 添加新条目 按钮，即可进入编辑状态。
  • 键盘输入： 如果无法使用键盘，建议在壁纸软件中设置一个隐藏/显示桌面图标的快捷键。

• 完成任务 (Complete):

  • 在四宫格模式下，用鼠标左键点击任务前的圆圈或任务本身，即可将其标记为“已完成”。
  • (注：原设计为鼠标中键，已根据兼容性优化为左键)

• 删除任务 (Delete):

  • 进入焦点模式。
  • 用鼠标左键点击你想删除的任务，条目会开始晃动并出现红色“血条”。
  • 在“血条”消失前，再次左键点击该条目，即可确认删除。

---

⚠️ 重要说明与备选方案 (Important Notes & Alternatives)

说明

坦白地说，这个项目是我个人利用两个晚上的业余时间，从一个想法快速构建出来的原型。因此，它真的有很多很多问题，有的还很弱智。

非常欢迎 fork 这个仓库，根据自己的需求进行修改和定制。未来我或许会继续更新，也或许不会。

关于网络问题 (梯子)

由于项目托管在 Vercel 全球网络，国内部分用户访问时可能会遇到连接缓慢或需要网络代理（“梯子”）的问题。如果你觉得这很麻烦，或者追求 100% 的离线稳定运行，建议你采用下面的本地服务器部署方案。

备选方案：搭建本地服务器 (完全离线，无需梯子)

这个方案可以将 AetherDesk 完全运行在你的电脑上，开机自启，不受任何网络影响。初次配置约需 15-20 分钟，但一劳永逸。

1. 准备环境 (仅需一次):

• 安装 Node.js (LTS 版本)。
• 打开终端 (PowerShell/CMD)，运行 npm install -g live-server 来安装本地服务器。
• 下载并解压 NSSM (Non-Sucking Service Manager)，将 nssm.exe 放在一个固定位置 (如 C:\Tools)。

2. 配置服务 (使用 NSSM):

• 以管理员身份打开 PowerShell，进入 nssm.exe 所在的目录。
• 运行 .\nssm.exe install AetherDesk，会弹出图形化配置界面。
• 在 Application 标签页填写：
  • Path: node.exe 的完整路径 (可在终端用 where node 找到)。
  • Startup directory: 你下载/克隆的 AetherDesk 项目文件夹的完整路径。
  • Arguments: live-server 核心脚本的完整路径，并指定一个端口。例如："C:\Users\YourName\AppData\Roaming\npm\node_modules\live-server\live-server.js" --port=5500 (请用你自己的 live-server.js 路径替换)。
• 点击 "Install service"。

3. 启动服务与配置壁纸:

• 在管理员 PowerShell 中运行 .\nssm.exe start AetherDesk。
• 在 Wallpaper Engine 中，将 URL 设置为 http://127.0.0.1:5500 (或你指定的端口)。
• 为了让服务开机自启，请在 Windows 服务 (services.msc) 中，将 AetherDesk 服务的启动类型设置为“自动 (Automatic)”。

---

“把‘桌面’变成真正的桌面。”