缘起

之前我用nwjs做过一个博客园文章编辑器的客户端

发了好几个版本，最后一个版本到5.0.0了

其实第一个版本已经很好了，不知足，后来自己又做了兼容markdown的，结果用来用去，发现不是自己想要的

也一直没动手做新的，写博客的频率也降下去了。

最近搞了个APP（还没上线），打算把心得写到博客里，发现没有趁手的编辑器

于是动手重新搞这个东西

这次用Vue+electron来搞，算是技术的主流了

先把搞这个东西的心得写出来，希望大家不吝赐教。

界面

截几个图给大家看看，

列表界面：

文章编辑的界面：

功能

  • 博客登录（引入博客园的登录画面，使用官方提供的登录机制）

  • 文章列表（可以检索到你博客园内所有的随笔文章，支持分页，支持文章分类）

  • 修改文章（你博客园内所有的历史随笔文章，都可以用此工具编辑修改）

  • 新增文章（从无到有撰写一篇新的随笔文章，支持保存为草稿）

  • 截图工具截图后直接黏贴到编辑器中（QQ截图、微信截图，直接黏贴到编辑器中）

  • 图片拖拽到编辑器中自动上传

  • 插入公式、插入地图、插入表情、插入表格、插入音乐、插入代码…一应俱全；

  • 纯客户端，直接与博客园服务端通信（没有任何自建服务，不采集用户任何信息）

  • 新版本升级提醒功能；

  • 开源，开源地址：https://gitee.com/xland/cnblogs

  • 操作系统兼容苹果和windows，下载地址：https://gitee.com/xland/cnblogs/releases

搭建环境

这个程序用到了electron和vue

链接这两个东西的桥梁是electron-vue

建议大家给个star，有这么个工具真的能省很多力气（有钱的捧个

版权声明：本文为liulun原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/liulun/p/10110507.html