我用 AI 开发了一款个人小记系统

note.iiter.cn

项目背景

在日常工作和学习中,我们经常需要快速记录一些想法、收藏一些有用的链接或者保存一些重要的文本、图片内容。虽然市面上已经有很多笔记软件,但我想要一个更轻量、更简单的工具,专注于快速记录和智能检索。于是我开发了这款个人小记系统。

系统特点

1. 轻量级存储

  • 支持文本、链接、图片多种类型的内容
  • 适用于灵感记录、网址收藏、常用语收集
  • 图片支持 OCR 识别,方便后期检索

2. 智能化处理

  • 自动识别内容中的链接格式
  • 支持 Markdown 和纯文本两种格式

3. 人性化交互

  • 支持划线复制文本
  • 一键复制全文内容
  • 支持快捷键操作
  • 支持重要内容置顶功能

4. 多种登录方式

  • 支持微信公众号登录
  • 支持 Github 登录

技术实现

1. 技术栈

  • Express + MongoDB 构建后端服务
  • Vue 3 + TypeScript 构建用户界面
  • Element Plus 组件库提供基础 UI
  • Unocss 原子化 CSS 框架

2. 主题设计

  • 采用现代简约风格
  • 统一的圆角和阴影标准
  • 规范的间距系统

3. 国际化支持

  • 支持中英文切换

未来规划

  1. 优化搜索体验
  • 接入大模型,支持 RAG 检索增强生成
  • 支持更多搜索条件
  • 优化搜索结果排序
  1. 增强交互体验
  • 添加多钟布局方式,用户可自由配置
  • 自定义小组件
  1. 扩展功能
  • 添加标签管理
  • 支持笔记分享

站在 AI 的肩膀上

  1. 项目由 AI 辅助开发完成, 80% 以上代码是使用 Cursor 生成的,claude-3.5-sonnet 模型
  2. 设计稿灵感来自于 MasterGo 提供的 AI 生成设计稿功能
  3. 当前文章也是由 Cursor 生成的,人工进行微调(手动狗头,这个手写的)

总结

以上就是 AI 小记的项目介绍,欢迎感兴趣的朋友访问体验,如果您有更好的想法,欢迎提出,一起交流学习。

相关推荐
于慨21 小时前
Lambda 表达式、方法引用(Method Reference)语法
java·前端·servlet
石小石Orz21 小时前
油猴脚本实现生产环境加载本地qiankun子应用
前端·架构
从前慢丶21 小时前
前端交互规范(Web 端)
前端
AI攻城狮21 小时前
用 Obsidian CLI + LLM 构建本地 RAG:让你的笔记真正「活」起来
人工智能·云原生·aigc
倔强的石头_1 天前
突破 Cursor 模型限制:低成本接入 GLM-5 与第三方大模型实践指南
cursor
CHU7290351 天前
便捷约玩,沉浸推理:线上剧本杀APP功能版块设计详解
前端·小程序
GISer_Jing1 天前
Page-agent MCP结构
前端·人工智能
王霸天1 天前
💥别再抄网上的Scale缩放代码了!50行源码教你写一个永不翻车的大屏适配
前端·vue.js·数据可视化
小领航1 天前
用 Three.js + Vue 3 打造炫酷的 3D 行政地图可视化组件
前端·github
@大迁世界1 天前
2026年React大洗牌:React Hooks 将迎来重大升级
前端·javascript·react.js·前端框架·ecmascript