cyyjs

要与GitHub 的 CraphQL服务器通信，需要现有可用的OAuth令牌。点此打开创建token页面，完成申请。官方申请教程

使用 electron-builder来打包应用。

为了使离线时也可以编辑及浏览文章，需要增加本地数据存储功能，在线时联网同步文章数据。 这里使用HTML5提供的新的本地存储数据库IndexedDB。 通过navigator.onLine来判断是否联网，在连网时通过接口拉取数据，然后进行同步。 同步有两种情况：本地向线上同步，线…

使用dialog.showSaveDialog获取导出文件的路径，然后调用fs.writeFileSync同步写入文件即可。 可以自定义一些样式等。 electron的webContents提供了一个printToPDF方法，我们可以直接使用这个方法来导出PDF。 逻辑是先将内…

该功能类似mac 备忘录列表的滑动展示删除菜单效果。 主要通过使用js的wheel实现。 通过监听列表项的wheel事件，并判断deltaX的值，然后添加open-left样式，来实现滑动效果。

增加设置弹框，切换的主题主要有两个：系统的主题，和编辑器的主题。 系统主题颜色切换主要是通过修改覆盖css样式来达到切换的目的；Muse-UI提供有一个切换主题的方法，我们通过设置她可以直接使用。 也可以通过addCreateTheme实现样式扩展。 并且扩展了一些样式,你也可…

列表页相对来说是比较简单的，头部增加搜索筛选项，右侧一个视图切换按钮。 默认展现方式是卡片形式，可以通过点击右上角的按钮来切换。 通过设置判断一个视图状态来展现不同的视图。卡片视图，右侧默认预览第一篇文章；单击列表可切换不同的文章预览，双击列表或卡片跳转到编辑页面。 回收站列表…

页面很多地方会用到消息提醒的功能，如保存成功、失败、删除等。 这里使用mu-snackbar组件，并使用vuex做全局的管理。 在组件中增加Message.vue文件，主要通过监听message来触发消息提醒。 然后将此组件引入到主文件App.vue中即可。 调用的时候就可以通…

后端提供上传文件接口/upload编写上传代码editor增加属性ref="editor"和@imgAdd="imgAdd"事件：引入vuex的mapAction,提供saveImg方法：vuex代码

可使用muse-ui的text-field组件，通过覆盖mavon-editor样式，使其出现在指定位置。 注意：标题覆盖到编辑器后，会使编辑器菜单里的标题和文件上传下拉菜单，出现在标题下面，需要修改覆盖整个编辑器的position样式属性，并且调整标题的z-index的值，使…