跳到主要内容

编辑器笔记软件开发

名字:Keep Notes

后续内容规划​

2024 2/16​

  • 编辑器内容 1、链接 2、图片 3、移动 4、斜杠命令 5、缩进 圆点样式
  • 目录树内容 1、同步到github 2、读取系统路径,生成目录树 3、github仓库的目录,同步到本地目录中
  • 样式优化 1、tooltip优化 2、图标优化 3、布局优化 4、主题切换
  • electron 1、自动更新 2、优化 3、日志处理 4、打包问题 5、系统托盘 6、系统通知

ui参考​

功能​

  • 主题切换

  • 支持打开多窗口

  • 本地存储

  • 同步功能

markdown编辑器​

  • 支持预览模式
  • 支持高亮显示
  • 支持自定义工具栏
  • 表格自定义 tooltip
  • 自定义斜杠命令

第三方编辑器

milkdown​

但是要注意的是:milkdown接入成本高,如果要实现丰富的编辑器功能,自定义学习成本比较高

  • Milkdown将自己的功能组件化、模块化,所以对于用户来说,可以选择自己需要的功能模块,以插件的形式引用,这样一方面可以减少不必要的资源的浪费,用户不需要为了一个功能安装其余一些不需要的功能,同时也方便满足个性化的定制需求
  • 可定制主题-主题可以通过npm包安装和共享
  • 表格支持-拥有流畅的ui的表格支持,通过插件
  • 剪贴板-支持markdown格式的复制粘贴,通过插件
  • Emoji-支持emoji快捷指令和选择器,通过插件
  • 斜线指令-让任何人都可以使用,通过插件
  • 所见即所得的Markdown-以一种优雅的方式编写markdown
  • 数学支持-LaTeX数学公式支持,通过插件
  • 撤销/重做支持,通过插件
  • Tooltip悬浮提示支持,通过插件

网络存储的方式​

  • 文件存储

  • 对象存储

    • 阿里云

    • 七牛云

七牛云​

  • 中文平台、文档更新及时

  • 免费体验, 10GB / 月免费额度

  • 提供丰富的SDK, 有nodejs

  • 上传/下载

    • 文件、图片

使用​

七牛云开发者文档

  • 在对象存储中,创建一个空间管理

    • 选择存储区域、访问控制等
  • 密钥管理 【个人中心 -> 密钥管理】

  • 在开发者文档中,选择SDK -> nodejs的SDK

Node.js SDK 的所有功能,都需要合法的授权。授权凭证的签算需要七牛账号下的一对有效的Access Key和Secret Key

bash
$ npm install qiniu

上传github​

  • 上传文件到github,github有免费的存储空间
    • 推荐在 1GB 以下,超过 1GB 会有邮件通知。上传超过 50M 的单个文件会 warning,无法上传超过 100M 的单个文件
    • 不过对应博客文章、笔记记录来说足够空间使用了
  • github有版本控制、稳定性、免费存储
  • 由于有版本控制,可以做版本切换是非常好的