「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. 同步功能。

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

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

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

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

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

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

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

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

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

项目技术栈:Nuxt4 + Tauri2

支持安卓AppWindowsMacos 三端

数据存储:Sqlite。纯本地

项目简介:ZotePad


Powered by ZotePad

相关推荐
前端开发爱好者1 小时前
VSCode 推出 绿色版!更强!更智能!
前端·javascript·visual studio code
明川1 小时前
Android Gradle 学习 - 生命周期和Task
android·前端·gradle
小熊哥^--^1 小时前
WebSocket客户端封装类
前端·websocket
技术摆渡人1 小时前
Android 系统技术探索(5)指尖的舞蹈(Input 系统与 ANR)
android
来碗疙瘩汤1 小时前
uniapp动态读取版本号
android
四眼肥鱼2 小时前
全网最全的 qiankun 基于 react18+(主应用)、vue3.4+(微应用)实现页签缓存,页面缓存
前端·javascript
dorisrv2 小时前
优雅地处理前端错误边界
前端
狗哥哥2 小时前
Pinia Store 平滑迁移:用代理模式实现零风险重构
前端·架构
老前端的功夫2 小时前
前端水印技术深度解析:从基础实现到防破解方案
开发语言·前端·javascript·前端框架