用 electron 写的一个 markdown 的笔记本

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3021 天前的主题，其中的信息可能已经有所发展或是发生改变。

为啥写这个

首先我需要一个合手的记笔记的工具
我想我的资料自己能管理（数据在~/anote内）
我不需要很多的格式， markdown 正好
而且也可以试一下 electron 的威力

现在什么情况

暂时我只做了 mac 的单机版，基本可以玩起来了

复制网页然然后转化为 markdown ，并且把图片抓到本地存储
直接复制图片，粘贴
可以导出单个 markdown 格式笔记
可以导出 pdf 格式笔记
在 mac tray 这儿做了一个速记的小窗口
预览，实时编辑预览等等

做这个小工具用到了什么技术

electron
react
redux
codemirror
marked
pandao markdown editor 的样式
nedb

代码

传送门

还要做什么

咱程序员不就是折腾嘛恩，我是想做一个后台（作为云端同步的），初步我是想用 nodejs 或者 ruby 加 mongodb 来做，可能用户就要自己用 vps 来搭建了。恩，如果要做了云端同步，我感觉文件资源管理也是可以放进去了，自己管理自己的网盘，其实也挺方便。

Markdown

electron

笔记

导出

33 条回复 • 2016-09-22 12:14:05 +08:00

kokdemo

2016-09-21 11:35:45 +08:00

首先赞一个！
话说这样的内容不应该发到分享创造么

wpzero

2016-09-21 12:20:44 +08:00

@kokdemo 有道理，恩，一会儿发到发明创造中。

kyrre

2016-09-21 12:50:27 +08:00

作为第一个用户，用下来感觉不错，响应够快，程序员的又一个利器。
要是能够自己指定云端存储位置就更好了，后台同步，就再也不担心数据丢失了。

wpzero

2016-09-21 14:29:31 +08:00

@kyrre 谢谢支持

leewangyang

2016-09-21 14:36:41 +08:00 via Android

看到图片那个简直厉害，想要，但是没有 mac ，求其他版本的

wpzero

2016-09-21 14:39:26 +08:00

@leewangyang 恩，很快就会出 window 和 linux 的版本。过几天正好十月一了，哈哈

herozzm

2016-09-21 15:10:36 +08:00 via Android

我总感觉网页转 markdown 会有问题，格式错乱应该是常的事情

hitmanx

2016-09-21 17:41:05 +08:00

so cool!

piresion

2016-09-21 17:45:30 +08:00

cool!!下载中

mintist

2016-09-21 20:00:33 +08:00

复制网页然然后转化为 markdown ，并且把图片抓到本地存储

这个很需要，赞

sfree2005

2016-09-21 20:15:41 +08:00

想法不错，作品也漂亮，类似的可以参考下 QOwnNotes

https://apps.owncloud.com/content/show.php/QOwnNotes?content=168497

它是基于 ownCloud 的，可以用自己的 VPN 作为同步网盘

sfree2005

2016-09-21 20:18:23 +08:00

忘了附上 QOwnNotes 的 github 链接： https://github.com/pbek/QOwnNotes

wpzero

2016-09-21 20:51:22 +08:00

@sfree2005 恩，很有参考性，我也正想怎么做同步云存储呢，谢谢

SCaffrey

2016-09-21 21:08:06 +08:00 via iPad

@Menci

zacharyjia

2016-09-21 21:26:42 +08:00

其实想用 electron 做一个基于 git 的云笔记来着，但是无奈前端渣，做页面做的好辛苦。看楼主这个好像做的挺好，不知道能把前端拿来用嘛…… github 上好像没看到 license

Artoria

2016-09-21 21:31:20 +08:00

linux 和 windows 一起做了如果可以 iso 安卓也一起，服务端搞一搞，同步

wpzero

2016-09-21 22:19:38 +08:00

@ electron git 我也有想过，就是 conflict 没想通让用户怎么处理，一个 diff 工具。同步我也是没有想好

wpzero

2016-09-21 22:33:29 +08:00

@zacharyjia 可以拿来用的。恩，我也刚开始写 electron ，可能有些 bug ，有问题我随时解决

wpzero

2016-09-21 22:35:00 +08:00

@Artoria 恩，有兴趣可以一起 : )

zpvip

2016-09-21 22:38:39 +08:00

@oimotis 麻烦考虑在 MWeb 里面加入此功能：

复制网页然然后转化为 markdown ，并且把图片抓到本地存储

oimotis

2016-09-21 23:34:26 +08:00 via iPhone

@zpvip 这功能早有了，在编辑菜单。

ahjsrhj

2016-09-21 23:34:53 +08:00

@wpzero 试用了一下，很棒~！期待云同步， Android 版开发有计划时可以 at 我，可以出力~

arrow2015

2016-09-22 00:29:09 +08:00 via Android

Simplenote

zpvip

2016-09-22 03:00:28 +08:00

@ahjsrhj 还真有这功能，我都没用过，呵呵，买了你这个就用不着别的了。

楼主的可以在 Windows 下用。

wpzero

2016-09-22 06:45:29 +08:00

@ahjsrhj 恩，谢谢支持，有计划一定 at 你，期待一起玩耍 : )

wpzero

2016-09-22 06:46:27 +08:00

@ arrow2015 我会学习、参考、提高，谢谢

ahmiao

2016-09-22 08:27:24 +08:00

好奇这个截图用什么实现的？

xy19009188

2016-09-22 09:12:20 +08:00 via Android

先 mark ，出 Windows 再来

qweweretrt515

2016-09-22 09:13:48 +08:00

solome

2016-09-22 10:09:36 +08:00

wpzero

2016-09-22 12:13:07 +08:00

@ahmiao 我没有实现这个，后面会，我实现的是 past ，谢谢支持

wpzero

2016-09-22 12:13:51 +08:00

@xy19009188 很快的，十月一后面，有兴趣可以一起做。: )

wpzero

2016-09-22 12:14:05 +08:00

@qweweretrt515 非常感谢支持