Home Sign Up Sign In
爱意满满的作品展示区。
Advertisement
dongbeta

小作品：notepad.cc + markdown + 保存 + 权限分享

  •   
  •   dongbeta · May 22, 2012 · 13083 views
    This topic created in 5279 days ago, the information mentioned may be changed or developed.
    我很久以前就在给朋友传送文本的时候使用notepad.cc，但是它不方便保存和分类。（ http://www.v2ex.com/t/31864 ），于是花了13天的业余时间（完全重写和重新设计上一版本）完成了这样一个小作品。

    http://logbeta.com

    在notepad.cc的基础上：
    * 基于 Google OAuth 的登陆

    * 支持 Markdown Extra 语法，可以在编辑的时候实时预览

    * 支持记录保存
    -- 非登陆用户，有一个基于Cookie的本地笔记本，记录在本地创建/编辑的笔记。
    -- 登陆用户，可以直接记录在零散笔记中。还可以创建笔记本进行分类整理。

    * 按照权限分享
    -- 只读URL，访问者可以浏览
    -- 可写URL，访问者可以修改、保存
    -- 匿名用户的只读URL和可写URL是强制启用的（否则就成为无法访问的死页面了）
    -- 登陆用户的只读URL和可写URL是默认关闭的，可以单独打开或关闭
    -- 如果是公开笔记，无需权限URL即可浏览，登陆用户默认是私有笔记

    * 密码保护（和notepad.cc的密码保护不太一样，notepad.cc是仅保护编辑页面，这里是都保存）
    -- 如果存在密码，需要输入正确的密码才能进入分享URL
    -- 如果分享URL是关闭状态，有密码也无法进入

    * 正在做的功能
    -- dropbox/evernote 备份
    -- 用户自定义CSS







    从分析自己的需求，到寻找到自己想要做什么，需要什么，到最终成型，用了好久：

    http://www.v2ex.com/t/28197
    http://www.v2ex.com/t/28714
    http://www.v2ex.com/t/30259
    http://www.v2ex.com/t/31864
    http://www.v2ex.com/t/30821#reply9
    http://www.v2ex.com/t/29490#reply24

    过几天将整个分析、设计、选择和收购域名、改版和反思等的经历发出来。
  • URL
  • notepad
  • cc
    97 replies  •  1970-01-01 08:00:00 +08:00
    zk546113096
    zk546113096
    May 22, 2012❤️1
    1
    果断帮顶啊，很不错的，东至看好你哦
    dongbeta
    dongbeta
    OP
    May 22, 2012
    2
    网址 http://logbeta.com
    haiyang416
    haiyang416
    May 22, 2012❤️1
    3
    那只能等发布了才能测试咯
    alanerzhao
    alanerzhao
    May 22, 2012❤️1
    4
    小包子来支持，
    dongbeta
    dongbeta
    OP
    May 22, 2012
    5
    @haiyang416 不好意思，是我忘了贴网址 :( ，刚才编辑了一下。 现在已经可以随便玩了。
    xatest
    xatest
    May 22, 2012❤️2
    6
    强烈支持Evernote备份，目前用Mou写Markdown + 导出HTML + 手动复制到Evernote，过程不流畅~
    xwsoul
    xwsoul
    May 22, 2012❤️1
    7
    做好他.....然后完善他...
    dongbeta
    dongbeta
    OP
    May 22, 2012
    8
    @xatest

    你觉得这样怎么样：

    * 原始纯文本备份到dropbox
    * 渲染好的HTML备份到Evernote

    两种备份可以单独开启和配置。

    谢谢。
    paloalto
    paloalto
    May 22, 2012❤️1
    9
    设计不错!
    dongbeta
    dongbeta
    OP
    May 22, 2012
    10
    @paloalto 谢谢。虽然是基于 bootstrap CSS 制作的，但是我个人非常非常非常讨厌那个大黑条。所以整个就是浅色设计了。
    dongbeta
    dongbeta
    OP
    May 22, 2012❤️1
    11
    感谢已经发出 :)

    @paloalto
    @xwsoul
    @xatest
    @zk546113096
    @alanerzhao
    @haiyang416
    zern
    zern
    May 22, 2012❤️1
    12
    感觉不错。。准备使用
    zythum
    zythum
    May 22, 2012❤️1
    13
    给个小小建议。朱一个人的。
    你看，都有google帐号登录了。现在google drive也有sdk。可不可以试着保存到google drive上。这样的保存。用户看得见摸得着。
    比如存在用户google drive下的logbata.com文件夹下。
    dongbeta
    dongbeta
    OP
    May 22, 2012
    14
    @zythum 这不是传说中的朱一大人么？

    谢谢，我正在熟悉dropbox、evernote还有Google的接口。
    panxianhai
    panxianhai
    May 22, 2012❤️1
    15
    chrome下下拉菜单会有一个滚动条，看你的截图没有。
    喜欢这样的界面，还有那些黑色的图标，改用楼主的了。
    paloalto
    paloalto
    May 22, 2012
    16
    用google登录时：

    Error

    An internal error occurred while the web server was processing your request.
    rockr
    rockr
    May 22, 2012
    17
    感觉不错，能结合dropbox evernote和google drive的话就华丽了～
    dongbeta
    dongbeta
    OP
    May 22, 2012
    18
    @paloalto 请问，错误信息页面是Google的还是logbeta上的？
    dongbeta
    dongbeta
    OP
    May 22, 2012
    20
    @panxianhai 我使用的是Mac OS X下的safari没有滚动条，稍后在windows上各个浏览器测试一下。谢谢～
    dongbeta
    dongbeta
    OP
    May 22, 2012
    21
    @paloalto 找到原因了，已经修正。谢谢！
    qiuai
    qiuai
    May 22, 2012❤️1
    22
    1.会开源么?
    2.如果会开源,是啥程序写的?
    3.如果不开源,可以支持自定义域名么?
    dongbeta
    dongbeta
    OP
    May 22, 2012
    23
    @qiuai

    1. 不会开源
    2. -
    3. 支持自定义域名是早期计划之一，会有的，效果就像tumblr一样
    dongbeta
    dongbeta
    OP
    May 22, 2012
    24
    @qiuai 还有，会有 API 。
    cheshirecat
    cheshirecat
    May 22, 2012❤️1
    25
    不错不错。不过英文有一些问题。比如说 "It seems no notes here"。
    dongbeta
    dongbeta
    OP
    May 22, 2012
    26
    @cheshirecat 谢谢，已经修正为“There is no note here.”。
    tokki
    tokki
    May 22, 2012❤️1
    27
    执行力好强大，问题是 可写分享的功能 如果两个人同时开浏览器来写的话－。－

    http://meteor.com/ 吧
    dongbeta
    dongbeta
    OP
    May 22, 2012
    28
    用户自定义CSS功能完毕。 （就是V2EX的那个）
    dongbeta
    dongbeta
    OP
    May 22, 2012
    29
    @tokki 嗯，可写分享的功能的重点不在于“同时”写。所以没有考虑两个人同时编辑的情况。
    kava
    kava
    May 22, 2012❤️1
    30
    赞诶
    qiuai
    qiuai
    May 22, 2012
    31
    @dongbeta Good.不过真心的想开源啊....毕竟数据还是想在自己的服务器上...
    Choutreeman
    Choutreeman
    May 22, 2012
    32
    喜欢！
    benjiaminlam
    benjiaminlam
    May 22, 2012
    33
    好棒 如果可以同时编辑就好了
    dianso
    dianso
    May 22, 2012
    34
    开源的吗
    dongbeta
    dongbeta
    OP
    May 22, 2012❤️1
    35
    @qiuai
    @dianso
    对不起，我做了好几年的开源工作。这次不打算开源了。

    @benjiaminlam
    我也考虑过这个同时编辑的问题。考虑到需求情况，现在唯一可行的就是添加有谁在编辑的指示灯，实时合并内容基本无解。

    谢谢你们的关注。
    9hills
    9hills
    May 22, 2012
    36
    @dongbeta 不开源的话，希望尽快开发Dropbox和Google Drive同步。

    笔记服务不敢用太小的站，万一哪天停止服务，东西就全丢了。和Dropbox连起来，最少数据在自己手上。
    qiuai
    qiuai
    May 22, 2012
    37
    @dongbeta 确实很麻烦...我删除了刚才打出来的方案.因为发现好麻烦...

    开源不提供的话..至少可以提供文件存储位置?比如说我想把所有的数据存在我自己的服务器...来保证安全?
    unstop
    unstop
    May 22, 2012❤️1
    38
    在新建笔记的页面直接退出网页(已经输入内容)的情况下，再次返回网站不会被指引到此前的编辑页面，而是显示到新建。

    这个是否可以给一个设置，选择是否每次都回到退出时的页面。

    另，这真是一个非常棒的作品！
    qiuai
    qiuai
    May 22, 2012
    39
    @dongbeta 话说...google登陆还是不能用?
    dongbeta
    dongbeta
    OP
    May 22, 2012
    40
    @9hills
    @qiuai

    已经着手做第三方的备份存储了。

    另外，@qiuai ，Google登陆不能用的错误信息是什么？我这里登陆正常。
    qiuai
    qiuai
    May 22, 2012
    41
    @dongbeta

    错误

    在处理您的访问时，我们的服务器发生了点错误。

    如果您需要帮助，请 联系我们.

    谢谢！
    dongbeta
    dongbeta
    OP
    May 22, 2012
    42
    @unstop 感谢你的建议，这确实是一个能带来方便的想法。
    dongbeta
    dongbeta
    OP
    May 22, 2012
    43
    @qiuai 找到原因了。不知道为什么Google没有返回用户的 Picture 字段，导致程序错误。我去掉了这个字段。请再试一次。
    9hills
    9hills
    May 22, 2012❤️1
    44
    Bug: All Notes结果是空的，实际上已经在一个笔记本中有4条笔记

    Feature: 能不能来个侧栏，类似于Evernote的那种，可折叠也行。

    此外markdown标题有#号（我比较习惯这种），然后在笔记列表中看到的笔记标题就都带个#。simple-note会自动隐藏这个#号。。
    dongbeta
    dongbeta
    OP
    May 22, 2012
    45
    @9hills 非常感谢，bug已经排除。

    请问，您说的笔记列表页面中 笔记标题 的＃在哪里呢？
    9hills
    9hills
    May 22, 2012
    46
    @dongbeta
    9hills
    9hills
    May 22, 2012
    47
    @dongbeta 小问题，不太重要。 simplenote会自动在列表中隐藏这个#，不隐藏也没啥大不了的。
    dongbeta
    dongbeta
    OP
    May 22, 2012
    48
    @9hills 哦，明白了。我还在我这里找＃呢。我用的连字符做的标题，所以没有遇到过这个问题。现在已经修正了。从现在开始保存时会去除标题首尾的#。

    非常感谢。
    qiuai
    qiuai
    May 22, 2012
    49
    @dongbeta 好了.
    Sherlockhlt
    Sherlockhlt
    May 22, 2012
    50
    是用python写的么？
    xell
    xell
    May 23, 2012
    51
    赞一个，做得相当好。希望服务能坚持住。众多非主流（抱歉我使用这个词）笔记应用最大的问题就是无法停止用户的疑惑“这个产品不错，但多久之后它会倒掉？罢了罢了，我还是去用 Google/Evernote/... 吧”。
    eerie
    eerie
    May 23, 2012
    52
    赞，加油
    libei
    libei
    May 23, 2012
    53
    非常棒！
    9hills
    9hills
    May 23, 2012
    54
    @dongbeta
    编辑框内Tab键不能用，写代码区块不太方便，四个空格敲起来好累
    dongbeta
    dongbeta
    OP
    May 23, 2012
    55
    @9hills

    我也发现这个Tab键的问题了，会解决的。我正在做dropbox的同步功能。


    @9hills
    @qiuai
    @zythum
    现在测试版中，已经可以连接dropbox了。（我申请的是dropbox app folder的方式，这样最安全。只有一个dopbox分配的目录可用。）请问各位对备份的文件路径和命名方式有什么好的建议吗？
    9hills
    9hills
    May 23, 2012
    56
    @dongbeta

    直观的话就按照笔记本名分文件夹，然后以笔记标题为文件名，后缀是md即可。修改标题或笔记本名称后需要同步修改文件/文件夹名。

    采用数字ID做名字虽然简单，但不直观。
    POPOEVER
    POPOEVER
    May 23, 2012
    57
    一个小问题，GN Chrome lite 访问时文本框超出屏幕宽度了，旋屏后自适应了。

    做得不错，慢慢来，会是个优质的产品。
    dongbeta
    dongbeta
    OP
    May 23, 2012
    58
    @9hills 有一个问题，笔记本名字可能含有不能作为文件名的字符，笔记也是。
    dongbeta
    dongbeta
    OP
    May 23, 2012
    59
    @POPOEVER 谢谢
    bravluna
    bravluna
    May 23, 2012
    60
    @dongbeta 很赞！
    一个疑问，为什么 md 不在客户端渲染？另外若两秒后发现文本没有变化就不用再 post 了。
    dongbeta
    dongbeta
    OP
    May 23, 2012
    61
    @bravluna 是使用的markdown extra，在找稳定可用的客户端渲染。另外，确实是文本没有变化就不会再post数据。
    qiuai
    qiuai
    May 23, 2012
    62
    @dongbeta /logbeta/time/id.txt ?
    9hills
    9hills
    May 23, 2012
    63
    @dongbeta 加个filter，过滤出指定的字符。实在不行就只能数字id了，不过很不直观。
    dongbeta
    dongbeta
    OP
    May 23, 2012
    64
    @9hills 可以使用Tab键了。
    zk546113096
    zk546113096
    May 24, 2012
    65
    @dongbeta 回复率很高啊，认真做一件事情真的很好，羡慕
    cheshirecat
    cheshirecat
    May 24, 2012
    66
    @dongbeta 一个界面建议：http://snippi.com/
    dongbeta
    dongbeta
    OP
    May 24, 2012
    67
    @cheshirecat 谢谢。曾经做过侧栏版本，效果一般。所以最终在后台添加了用户自定义CSS功能。

    @all
    今天部署了HTTPS。
    dongbeta
    dongbeta
    OP
    May 26, 2012
    68
    @9hills

    你提到代码的问题。我今天添加了代码高亮功能。书写方法和GFM一样。制作过程中得知Markdown Extra的作者期望的是另外一种，于是又做了兼容。

    需要注意的是无论是使用 ` 还是使用 ~ 作为标识字符，同一个代码块开始和结尾的标识字符数量需要一致。





    PS： 朱一福利真的不错，贴图方便。
    9hills
    9hills
    May 26, 2012❤️1
    69
    @dongbeta 嗯，GFM不错。

    我觉得原始的Markdown有三个地方不习惯：
    1. 空行分段
    2. 代码段需要1个TAB
    3. 不能做表格，得用HTML实现

    2和3 Markdown Extra实现了，但是又面临和标准Markdown不兼容的情况。。。所以我现在还没有打算从标准Markdown转变出来。
    dongbeta
    dongbeta
    OP
    May 26, 2012
    70
    @9hills 我也思考过这个问题。不管是 Markdown Extra 还是 GFM。都面临一个兼容问题，目前我还没想到解决办法。

    我调查过 Markdown Extra ，由于其在python等语言上也都有了相应的库支持。所以还是稍稍放心了一下。

    PS: 我目前用到的就是仅仅是标准的 Markdown 和 Github 的贴代码的方式。
    sogood
    sogood
    May 26, 2012❤️1
    71
    看了下截图，太复杂了...
    用 notepad.cc 的一个简单理由就是因为它简单，我来整个和 Dropbox 结合的吧，这个真的太复杂了...
    dongbeta
    dongbeta
    OP
    May 26, 2012
    72
    @sogood 相比notepad.cc，当然会复杂。但是界面应该不复杂吧。而且如果仅仅是想要notepad.cc的效果。可以忽略那些功能。
    qiuai
    qiuai
    May 26, 2012
    73
    @dongbeta 是不是重置过数据?我的唯一一个笔记不见了...
    dongbeta
    dongbeta
    OP
    May 26, 2012
    74
    @qiuai 没有啊。这几天唯一的维护事情就是 linode 东京机房重启。我觉得和这应该没有关系。

    节省V2EX版面，联系我的 google talk吧: dongbeta at gmail dot com
    qiuai
    qiuai
    May 26, 2012
    75
    @dongbeta =.=我这边gtalk完全无法登陆...

    不过算了.暂时还没开始正式用~~有事情会@你的.
    freewizard
    freewizard
    May 29, 2012
    76
    质感不错
    sloppysop
    sloppysop
    May 29, 2012
    77
    极简主义，很喜欢。
    FRHong
    FRHong
    May 30, 2012
    78
    绝对值得一推！！好样的。
    youthcould
    youthcould
    Jun 3, 2012
    79
    太棒了，反映个小问题，就是预览还比较慢，希望可以更快些
    yellow
    yellow
    Jun 3, 2012
    80
    很棒！支持～
    dongbeta
    dongbeta
    OP
    Jun 3, 2012
    81
    @youthcould 谢谢。下一步就是解决预览的问题了。目前的预览使用的是服务端渲染。使用js本地渲染，我还没有找到完美解析markdown extra的库。或许再找一个国内服务器负责解析。
    youthcould
    youthcould
    Jun 3, 2012
    82
    @dongbeta 我昨天才接触到markdown，就被其完全吸引了，昨晚看语法到1点，今天就在找各种工具（win），发现你的是最棒的，希望可以直接导出md文件（现在已经可以到dropbox，希望有按钮直接导出），以防离线的时候可以用其他的编辑器凑合

    PS.真心希望有你这个的win本地版，那就perfect了！
    depthsky
    depthsky
    Jun 3, 2012
    83
    非常不错，赞一个~~~
    dongbeta
    dongbeta
    OP
    Jun 3, 2012
    84
    @youthcould 谢谢。我正在写OAuth Server。
    youthcould
    youthcould
    Jun 9, 2012
    85
    @dongbeta 非常感谢你的作品，在线的时候都用你这个了，断网了没办法，只能用markdownpad了，但是markdownpad的高亮方案比你这个差多了，不直观，markdownpad支持自定义css，但是可惜我是菜鸟不懂，能否麻烦你共享一个markdownpad可用的和你的网站一样的css啊，我的邮箱[email protected]，再次感谢
    dongbeta
    dongbeta
    OP
    Jun 9, 2012
    86
    @youthcould “高亮”是指的“代码高亮”吗？我可能稍后会使用IDE里面普遍使用的monokai这个配色来制作高亮。

    前几天完工了 OAuth Server 部分。周末我在code review。以后可以基于OAuth制作离线应用。
    youthcould
    youthcould
    Jun 10, 2012
    87
    @dongbeta 我想说的是预览界面的颜色字体等等的风格，感觉很不错
    Unknown
    Unknown
    Sep 6, 2012
    88
    非常不错的作品. 不过刚刚在从中文转到英文界面时, 出现以下错误

    服务器内部错误

    属性 "UserSettings.css_enabled" 未被定义.
    niko
    niko
    Sep 7, 2012
    89
    非常帅气的作品~~~支持一下
    dongbeta
    dongbeta
    OP
    Sep 7, 2012
    90
    @Unknown 昨天已经修复这个问题
    @niko 非常感谢

    几天前重构过之后预览功能暂时未开，现在预览功能已经打开。
    donbe
    donbe
    Sep 7, 2012
    91
    把简单的东西搞复杂了。。。 不实用啊~
    3214668848
    3214668848
    Sep 7, 2012
    92
    界面设计很不错啊，放到github上让大家学习吧
    dongbeta
    dongbeta
    OP
    Sep 8, 2012
    93
    @3214668848 不会开源的。
    davidx
    davidx
    Sep 9, 2012
    94
    我建议 @dongbeta 先继续做功能, 毕竟功能和运营才是生存的第一位
    当你有了一些积累后, 可以把尝试把一些东西开源出来. 可以是核心的, 也可以是非核心的.
    我的意思就是, 用了很多开源的东西来做, 那么, 就要贡献一些东西出来给开源届, 就这么简单.
    dongbeta
    dongbeta
    OP
    Sep 10, 2012
    95
    @davidx 是的，不过做了多少年开源了，所以这次开源是放到第二位的。
    coldear
    coldear
    Sep 10, 2012
    96
    赞！ 会不会做一个google drive的app？
    no13bus
    no13bus
    Aug 6, 2013
    97
    @dongbeta 你的网站打开是个日本网站 咋回事呢
    @davidx 你是那个做大卫代码贴的那个人吗？这里也能遇见。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   3814 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 105ms · UTC 01:00 · PVG 09:00 · LAX 17:00 · JFK 20:00
    ♥ Do have faith in what you're doing.