V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
tamlok
V2EX  ›  程序员

VNote 1.11: 如颜值即正义,那就来个正义联盟

  •  2
     
  •   tamlok · 2017-12-17 15:56:14 +08:00 · 8947 次点击
    这是一个创建于 2568 天前的主题,其中的信息可能已经有所发展或是发生改变。

    VNote 从去年 10 月 1 日开工,到目前已经一年有余,迭代了 10 个版本。对于 VNote 的 Markdown 编辑体验,我还是比较自我陶醉的。习惯了 VNote 的编辑方式后,再用其他的 Markdown 编辑器简直是各种卡顿(当然换成任意一个工具,只要习惯了都会有这种效果 :) )。

    本来打算是实现全文搜索、重构导出功能的,但是知乎上有人评论 VNote 说是“ Windows 98 时代的软件”!!!我就吃惊了:起码也是 XP 吧?(心里感觉对不起 Qt )

    联想到最近那个带有编辑器的各种博客管理平台的你 writer,以及已经 4K stars 的 Boostnote。这两个软件我都下载下来体验过,体验后 VNote 在我心里还是那么的独特和优秀~ :)

    因此,深深感觉这是个看脸的时代!!!痛定思痛,所有功能都先搁置一边,先搞点面子工程!

    完工后,有 3 个体会:

    1. VNote 原来真的是很丑!
    2. 界面设计真的是纠结和浪费时间!
    3. 颜色搭配真是玄乎!

    先来个之前的 VNote 界面:

    vnote_001.png

    面子工程后主题 1:

    v_white.png

    嗯嗯,看起来斯文一点了。

    面子工程后主题 2:

    v_pure.png

    像那么回事了,一切都压平了。

    然后,我们也来一个深色主题:

    v_moonlight.png

    好了,花了两个星期,我也只能做到这里了。VNote 支持 自定义主题,有兴趣和有天分的可以调调颜色,提提 PR。

    对了,VNote 1.11 终于实现了 Vim 模式下的 方块光标 了!!!

    谢谢!

    Github VNote

    35 条回复    2018-03-02 23:15:34 +08:00
    Immortal
        1
    Immortal  
       2017-12-17 16:25:51 +08:00   ❤️ 1
    支持
    好看了很多
    sensui7
        2
    sensui7  
       2017-12-17 16:49:02 +08:00
    支持一下, 我觉得你的第一版的界面也 ok, 很复古.

    另外, 凡是基于 electron 的软件一概不用. 个别例外....

    卡是一方面, 平时写 web, 用个软件还是基于 web 技术的, 看到界面就够够得了, material 真是审美疲劳了.
    我自己写着玩的界面就故意弄各种高饱和度, 3 种以上色相, 刺激.
    tamlok
        3
    tamlok  
    OP
       2017-12-17 16:53:57 +08:00 via Android
    @sensui7 像笔记这种软件感觉 material 这种大色块的风格不太合适,长期盯着很容易疲倦。
    SuperMild
        4
    SuperMild  
       2017-12-17 17:11:37 +08:00   ❤️ 1
    不错,持续改进很难得
    xpsair
        5
    xpsair  
       2017-12-17 17:44:34 +08:00
    楼主辛苦!
    个人偏好的小小建议是,感觉真正写作的界面面积可以再大点,把菜单栏、工具栏、标签栏之类的占用面积再小点就好了,还是比较喜欢无干扰的那种写作环境。
    IC0ZB
        6
    IC0ZB  
       2017-12-17 17:46:52 +08:00
    还是有点奇怪,建议去看看 YU Writer
    am241
        7
    am241  
       2017-12-17 17:56:38 +08:00
    @sensui7 vsc 自带的高对比度主题莫名带感
    tamlok
        8
    tamlok  
    OP
       2017-12-17 18:04:34 +08:00 via Android
    @IC0ZB yu writer 用起来感觉晕晕的,太优雅了,还是简单明快一点好。
    tamlok
        9
    tamlok  
    OP
       2017-12-17 18:05:23 +08:00 via Android
    @xpsair 试试 Ctrl + E E 进入扩展模式?
    sensui7
        10
    sensui7  
       2017-12-17 18:32:07 +08:00
    @am241 那个主题真不错,
    lengyihan
        11
    lengyihan  
       2017-12-17 18:51:06 +08:00 via Android
    @sensui7 你的头像明明是 pronhub。
    acgnsstech
        12
    acgnsstech  
       2017-12-17 19:01:58 +08:00
    比之前的复古风好多了。。。

    但是


    右上角的 logo 去掉吧。。。真没必要 放在那里 真的太奇怪了
    tamlok
        13
    tamlok  
    OP
       2017-12-17 19:07:59 +08:00 via Android
    @acgnsstech 右上角那个是为了后面放账户头像的。而且在 captain 模式里面会变色示意。😁
    acgnsstech
        14
    acgnsstech  
       2017-12-17 19:11:49 +08:00
    @tamlok 还是有点刻意。。。程序员思维 你觉得很好 但是打破了整体的观感
    tamlok
        15
    tamlok  
    OP
       2017-12-17 19:24:56 +08:00
    @acgnsstech OK~~如果类似手机通讯录那种,显示用户的一个首字母呢?
    tamlok
        16
    tamlok  
    OP
       2017-12-17 19:26:27 +08:00
    @acgnsstech 或者,如果后面支持账户登录,用户头像这个应该放哪里?
    acgnsstech
        17
    acgnsstech  
       2017-12-17 19:34:38 +08:00
    @tamlok

    放在菜单里。。。用文字
    tamlok
        18
    tamlok  
    OP
       2017-12-17 19:37:54 +08:00
    @acgnsstech 也行,类似于 Chrome 那样。或者放工具栏按钮第一个位置。谢谢~
    stotle
        19
    stotle  
       2017-12-17 21:38:50 +08:00
    omph
        20
    omph  
       2017-12-17 21:49:17 +08:00
    感谢楼主,做的比较完善了。其实 logo 可以放到启动画面里,略有些突兀
    有些小问题:
    1. 对话框的按钮、右键菜单都是英文。看得懂,就是有点不协调
    2. 编辑模式下,中文无法加粗,比如**中文**
    3. 编辑模式不支持缩放倍数,无法自定义字体大小
    4. 能否快捷键隐藏菜单?因为工具栏比菜单好看,嘿嘿
    omph
        21
    omph  
       2017-12-17 21:53:54 +08:00
    ubuntu 17.10 下有些警告信息,仅供参考:
    Warning: QT_DEVICE_PIXEL_RATIO is deprecated. Instead use:
    QT_AUTO_SCREEN_SCALE_FACTOR to enable platform plugin controlled per-screen factors.
    QT_SCREEN_SCALE_FACTORS to set per-screen factors.
    QT_SCALE_FACTOR to set the application global scale factor.
    unimplemented format attr type: 7
    gio: file:///home/nick/.config/vnote/vnote.ini: 没有为此类型文件注册相应的处理程序
    artandlol
        22
    artandlol  
       2017-12-17 22:05:14 +08:00 via iPhone
    可以再开一贴 文艺青年喜欢什么样的编辑器?
    板面 间距 字体 配色 动画效果 背景图 音乐
    我觉得 用户的需求无穷无尽。。

    不过还是恭喜改版了
    cyqtomb
        23
    cyqtomb  
       2017-12-17 22:42:42 +08:00   ❤️ 1
    @tamlok yu writer 和 boostnote 我都用过,真没 vnote 好用。vnote 棒棒的。我比较喜欢 vnote 的原因有五:( 1 ) vim 编辑时,插入模式的输入法选择,不影响命令模式,这给编辑中文笔记带来了很大的便利性;( 2 )支持复制粘贴图片到笔记,图片自动保存到指定的目录。而且笔记编辑过程中,通过复制粘贴产生的图片,最后没有用在笔记当中的,在笔记保存时,软件会提示清理掉。( 3 ) outline,对于写长笔记很有帮助。( 4 )目录树。
    我最期待的一个功能就是全文搜索及搜索关键字高亮了。这对于一个笔记管理软件,真的很重要。在这方面,我觉得 vs code 的搜索功能就做的很好,希望楼主可以参考一下。如果这个功能都有了,vnote 真的可以独步天下了^_^
    cyqtomb
        24
    cyqtomb  
       2017-12-17 22:53:00 +08:00
    补充第五点:(5) 很多时候,笔记是用来查阅的,仅显示渲染后的笔记即可。但大多数 markdown 编辑器都是编辑+渲染双栏,软件占据太多桌面空间。而 vnote 就区分阅读模式,编辑模式。
    tamlok
        25
    tamlok  
    OP
       2017-12-18 07:51:03 +08:00 via Android
    @stotle 估计是缓存问题?过段时间估计更新了
    tamlok
        26
    tamlok  
    OP
       2017-12-18 07:53:36 +08:00 via Android
    @omph 英文那个是 qt 自带的部分没有翻译成功,还得调查一下。中文加粗那个,试试外面前后加一个空格?编辑模式的缩放还没有做,后面会完善。可以加一个隐藏菜单栏,因为一般很少用到,谢谢。
    tamlok
        27
    tamlok  
    OP
       2017-12-18 07:54:26 +08:00 via Android
    @omph 目测是 qt 的一些警告,如果用着没啥问题,应该可以忽略。谢谢!
    tamlok
        28
    tamlok  
    OP
       2017-12-18 07:57:22 +08:00 via Android
    @artandlol 还好啦,会权衡的,还是按照之前设想的路线进行。改头换面后,心情也愉悦一些。vnote 的设计考虑更多还是程序员和 md。另外,其实在 v 站也就发了两个 vnote 的帖子,最后还会发第三个,那得等到 vnote 支持 uml 的时候。谢谢!😁
    tamlok
        29
    tamlok  
    OP
       2017-12-18 07:59:40 +08:00 via Android
    @cyqtomb 谢谢谢谢!太感动了!我主要还是想把一些代码编辑器好用的功能带到笔记软件上,例如分割窗口啥的,所以全文搜索,还有 sublime 的 ctrl p 跳转也计划支持的。谢谢关注!
    corcd
        30
    corcd  
       2017-12-18 08:41:23 +08:00   ❤️ 1
    支持一下,不过个人还是比较喜欢 MWeb 的风格
    zangbob
        31
    zangbob  
       2017-12-18 09:44:09 +08:00
    我只是想问一下,更了这么多次版本后,在我电脑上打开任何一个.md 文件,依然会停止响应应该怎么办。。。

    win7 / x86
    tamlok
        32
    tamlok  
    OP
       2017-12-18 11:12:22 +08:00 via Android
    @zangbob 可以试试编辑模式下有没有问题,即新建一个笔记,自动以编辑模式打开,如果这个时候没啥问题,但转为阅读的时候有问题,那估计是显卡驱动的问题,因为阅读模式是用的 qtwebengine,需要 opengl,可以试试更新显卡驱动哈!另外也可以删除一下%appdata%/vnote 文件夹,清空配置试一下。还有问题可以 github 上详细讨论。谢谢!
    TubroRock
        33
    TubroRock  
       2017-12-18 18:28:48 +08:00
    感觉第一版还不错,难道我审美有问题 o_o ....
    tamlok
        34
    tamlok  
    OP
       2017-12-18 19:12:42 +08:00 via Android
    @TubroRock 是不是年龄问题?😂😂😂
    omph
        35
    omph  
       2018-03-02 23:15:34 +08:00
    忽然发现,纯文本还有很多玩法。以下为超级列表功能:
    https://sspai.com/post/39328
    https://www.jianshu.com/p/b89633c95b10
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2506 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 04:05 · PVG 12:05 · LAX 20:05 · JFK 23:05
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.