Meow App 一个简洁的笔记应用

MeowNocode 是一个开源的 memos 类高颜值便签应用。
支持画布模式、力图数据统计、模糊语法、每日回顾、AI对话等功能
可使用Supabase或Cloudflare D1作为云端数据库

项目概览

• 项目名称：MeowNocode（在仓库中也称作 Meow App）
• 仓库作者：y-shi23，于 GitHub 上托管，已有 195 顆星及 32 个 fork
• 定位：类似于轻量级便签（memos）工具，但更注重界面美观与功能体验。

功能亮点

项目 README 提到了以下特色功能

1. 画布模式 — 支持在“画布”上自由排列、整理便签，方便思维梳理。
2. 热力图统计 — 提供使用频率或活跃度的可视表示，让你对使用情况一目了然。
3. 模糊语法 — 支持模糊匹配或模糊搜索，有助于快速回忆内容，适合记忆场景。
4. 每日回顾 — 类似“复习提醒”的机制，帮助你温故知新、定期复查笔记。
5. AI 对话 — 内置对话 AI 功能，支持你提问，它来回答，增强互动性。

技术架构与部署方式

前端与架构

• 使用前端构建工具例如 Vite 和样式框架如 Tailwind CSS 等技术栈（从项目文件结构如 vite.config.js、tailwind.config.js 等可看到）

数据存储方式

支持两种后端存储模式，可灵活选择：

1. Supabase（PostgreSQL）
   • 云端数据库同步，使用 .env 中添加 VITE_SUPABASE_URL 和 VITE_SUPABASE_ANON_KEY 进行配置。
   • 使用 supabase-schema.sql 初始化数据库结构
2. Cloudflare D1（SQLite） + Cloudflare Workers / Pages
   • 使用 D1 作为本地（轻量）数据库。
   • 涉及到 wrangler CLI 工具，部署到 Cloudflare Workers / Pages。
   • 可选择配置访问密码（.env 中 PASSWORD），用以保护访问权限。
   • 创建 D1 数据库并初始化 d1-schema.sql 搭建表结构

本地开发

• 安装依赖：npm install
• 本地调试：npm run dev 启动开发服务器，快速查看效果

Demo 演示链接

• 不含 D1 数据库版本：通过 [flomo.nocode.host] 查看在线演示，并且项目作者也表达了希望提升访问量的愿望
• 含 D1 数据库版本：另一个演示地址 [memo.oneloved.top]，配合公共实例登录密钥 meow（请勿上传敏感信息）

项目结构 & 组成说明

简要目录结构解析

• src/：核心逻辑与组件区，包括 UI 组件、React context、工具函数等。
• supabase-schema.sql / d1-schema.sql：用于初始化相应数据库的 schema 文件。
• worker.js, _worker.js, wrangler.example.toml：与 Cloudflare Workers 和 Pages 部署相关的配置与入口文件。
• .env.example：示例环境变量配置，方便部署者参考填写。

总结

MeowNocode 是一款基于 memos 风格的开源笔记应用，集画布编辑、高颜值 UI、模糊搜索、热力图统计、每日复习提醒以及 AI 对话互动等功能于一体。它支持两种云端同步方式（Supabase 或 Cloudflare D1）并提供详细的本地开发与部署说明，包括在线 demo 和密码保护机制。

Github：https://github.com/y-shi23/MeowNocode
在线体验：https://flomo.nocode.host/

油管：https://youtu.be/n-WuaypR748