「zotepad」用Gemini3pro写出一个高效写作和发文的记事本应用

起因是最近从 macos 切换到了 windows11,软件生态全部换新。

而 Gemini3pro 前两周刚刚发布,我正好实验一下效果如何。就没有着急安装 Obsidian,用 Gemini3p 写了个 demo 「zotepad」试试。

第一版的UI效果感觉不错,很简洁。

一个产品能用起来首先得不丑吧。

于是就决定完善一下自己平时实际在用的流程,看看能做到什么地步。

所以此App围绕我平时写文章、发动态以及发布文章这条主线展开。

App目前的几个主页

核心功能:md编辑器 -> 图床(上传图片)-> 流 (http请求)

内置流:生成公众号编辑器可用的样式 -> 发送到公众号草稿箱/手动复制样式

流就是一组自定义的http请求 ,app内的内容会作为初始参数传递给流的第一个http请求,后续每个http请求返回的数据会放在同一个ctx(上下文中),理论上可以实现任意功能。

比如「发送公众号草稿箱」这个内置流包括三个http请求:

  1. 获取微信授权access_token
  2. 上传图片到永久素材
  3. 发送到草稿箱

并且流可以导出为json格式,以及可以导入别人的流

编辑及发送功能演示⬇️

图片方面,我目前用的腾讯云所以直接先实现了腾讯云。

公众号样式,之前在我自研的全栈博客站上已经有了一套方法可用。这次复刻到了zotepad上,主要是踩了一下公众号助手 App 粘贴 html 后样式错乱的坑。光这一个复制样式功能,已经有不少网站圈起来收费了...

发送草稿箱,读了读公众号的开发文档,发现只要这三个接口就可以。

关于流里的Http请求中的敏感数据,设置里可以配置类似Github Secrets的环境变量,在流里用模板字符串的写法代替真实的敏感信息 {{token}}。这样可以避免复制出来的JSON里携带自己的保密信息。

但是这一点就和放在web端的敏感信息一样,君子不用防,小人防不住。

后续围绕主线功能会产生如下支线功能:

  1. 图床。写文章必须要有,已实现腾讯云。
  2. 图片压缩、格式转换。本来是不必须,但此app的主要愿景是让我多写点东西,多写就要多传图,流量就是钱,所以这也是必须要做的了
  3. 图片拼图、分割。像是给这个app写点宣传文章,还是把图片拼起来别人看着方便一些。
  4. 图片美化、文字转图片。类似微信的排版成图以及小红书的文字生成图片,客户端的优势也许主要在于可以批量。
  5. 更多的流。比如获取V2EX的信息,只要在设置里配好自己的V2EX_PAT,那流本身就可以复制别人的了。
  6. 文章负责发公众号图文模式,动态就对应"小绿书"模式,这个比较简单
  7. 文章样式自定义。这一点编辑器本身其实已经内置了六七个主题,我暂时没有放开。准备再加一个自定义样式,实现一些复杂样式。
  8. 剪贴板。同样作为一个内容来源,我正在考虑这个功能的必要性。
  9. 导出数据、导入数据。必做的。
  10. 同步功能。

同步功能已经有了一些思考,没有像用类似 Git 、webDav 等同步方式,我把客户端和移动端类比为手机和智能手表的关系。

客户端启动时会自动启动一个本地服务器,这一点确保了两者可以通过同一个局域网通信。因为手机不会离身,而电脑在工作摸鱼期间则是绝对的主力。

这样在工作期间,理论上电脑端的内容是最新的,所以可以在移动端使用一个叫「拉取电脑端数据」的流,把客户端的数据直接用http请求获取过去,存在手机上。

关上电脑回家之后,基本电脑上不会被打开。此时用手机码字手机发文章,等第二天上班之后,打开电脑端,就可以再用另一个流「向电脑端传送数据」向电脑端发数据。

对于两台电脑,三个手机等类似问题,无非就是流内接口处理时增加不同机器的标识问题,似乎难度不大,也不需要处理冲突问题。也考虑到可能一个用户也没有或只有极少数同频用户,所以也许一个手机对多个电脑就能满足了。

以上就是最近1-2周在用Gemini3pro打磨的zotepad,基本就是自己怎么用,产品就往什么方向走。

所以也希望有更多的想法碰撞一下,实现更多人的需求。

同时后面也会分享一下如何和 Gemini 沟通,让它准确的完成任务。

项目目前完全开源免费,Github地址,欢迎 Star、Issue

项目技术栈:Nuxt4 + Tauri2

支持安卓App 、Windows 、Macos 三端

数据存储:Sqlite。纯本地

项目简介:ZotePad


Powered by ZotePad

相关推荐
墨天梦3 小时前
B17_LifecycleLiveData与Flow
android·kotlin
Setsuna_F_Seiei3 小时前
前端转型 Agent 开发 06 之 Agent Memory 记忆系统(让 Agent 更智能,更懂你)
前端·agent·ai编程
zhangzeyuaaa4 小时前
Ruby 多线程、GVL(GIL)与 Mutex 完全指南
开发语言·前端·ruby
默_笙4 小时前
🌊 向量库和 ES 都查不出"关系",我只好给奶茶建了一张人脉网
前端·javascript
优选资讯5 小时前
标签打印软件怎么对接 Excel 数据
前端·excel
_祝你今天愉快5 小时前
UI核心 - 绘制流程(测量、布局、绘制)
android
一个风轻云淡5 小时前
GCC 和 GDB命令简单解读
java·linux·前端
冬奇Lab6 小时前
LLM 驱动的自动化测试系列(07):移动端自动化(三)——Mobile-Agent-v3 与自研 GUI-Owl 模型路线
android·人工智能·测试
u0111026756 小时前
图片处理接口如何统一错误信息 前端提示与后端错误码设计
前端·状态模式
福兮说7 小时前
浏览器里把 iPhone 的 HEIC 转成 JPG:Chrome 解不开、转完大了七成、拍摄时间全丢,六个坑实测
前端·javascript·图像处理·chrome·ios·iphone·heic