leanote折腾指南

持续更新。css

过几天把本身的修改好的css放到github上给你们参考。html

https://github.com/whuwangyong/leanote-confgit

TODO

  •  leanote Linux/Windows客户端整个界面包括菜单、编辑器、正文显示的字体都不太清楚,需修改默认字体。为知笔记Linux客户端也这样,Windows正常,应该是通病。浏览器里渲染就很清楚。
  •  代码段字体没法修改。改了pre,code样式发现无效。
  •  新增快捷键,切换最近打开的两篇笔记,Ctrl Tab。切换写做模式。
  •  文档导航的透明度根据鼠标是否在上面而变化。
  •  使用本地帐户时,去掉待同步的小红点。
  •  折腾一下若是本身用坚果云同步的话,手机上如何查看笔记呢?只查看,不编辑。
  •  标签排序
  •  笔记本排序
 

本地帐户

若要使用本地帐户,请修改leanote-v2.5/resources/app/login.html。最后一个支持本地帐户的版本是1.0.5,使用beyond compare对比两个版本的login.html进行修改。github

 

MarkDown

css样式

leanote自带两套样式default和github2,位于leanote-v2.5/resources/app/public/themes/markdown/目录下。调用地方在leanote-v2.5/resources/app/note.html文件中数据库

 
<!-- mdeditor -->
<link href="public/themes/markdown/meditor.css" rel="stylesheet" />
<!-- markdown theme -->
<link rel="stylesheet" href="public/themes/markdown/default/index.css" type="text/css" id="md-theme"/>

 

Linux客户端defaul/index.csst默认样式代码高亮不太友好(字体不等宽,过小,行距过大),分隔符太细,表格齐页宽,表格内容不居中等等。github2代码不高亮。可是官网的github-markdown高亮正常,应该是leanote渲染的问题,note.html可能有bug。json

windows客户端默认样式代码是等宽字体,就是略小。windows

 

优势

  1. 图片直接粘贴,直接在生成md格式的连接。这个厉害!
  2. MarkDown能够预览。
  3. 不论是编辑仍是阅读,右上角有浮动的大纲显示。几乎不必用[toc]标签了。
 

逐步改进markdown.css

目前使用的是wiznote-markdown.css,在此基础上修改。浏览器

  1. 修改表格显示样式 
    为知笔记样式在leanote中默认不显示表格边框。拷贝leanote default中表格相关代码,注释掉width: 100%,解决问题。
  2. 修改代码块行高line-height
  3. 完善定义型列表 
    拷贝leanote default 中相关代码
    安全

    dd,dt {
        margin-top: 5px;
        margin-bottom: 5px
    }
    dd {
        margin-left: 40px
    }
  4. 完善h1~h6样式 
    从github2-markdown样式中参考了h1~h6的样式,复制到index.css中,解决了“四级标题比正文字体还小”的问题。
    markdown

  5. 复制github2的hr,可是leanote不显示background :url(data:img),所以去掉了。
  6. Windows 下 夜色主题 + 默认的markdown css编辑预览字体都清晰,代码为等宽,效果不错。待改进的地方:表格100%宽度、h1~h6不够突出、MD编辑时文字选中时看不清。
  7. 解决markdown转换后的code标签不自动换行。 
    修改 themes\markdown\default\index.css中的code 标签:

    code {  
        white-space: normal;  
        word-break: break-all;  
    }  

     

Tricks

  1. 有序列表中插入代码段或者引用后,需保证列表前是空行或者其余markdown格式,不然会中断列表,或者列表显示有误。例子请看“逐步改进markdown.css”这一节。可是有道云笔记不须要空行也能够办到。这里不得不感叹大公司作出来的产品稳定性碾压开源小项目。 
  2. 使用列表时,当发现另起一行时没有缩进,说明当前列表不正确。正确的列表在预览模式下是不能选中的。若是你的一、二、3能被选中,说明那只是普通文本的123,不是带格式的123。
  3. 使用顺序列表时,即便markdown编辑器中不按顺序编号,预览模式也能正确编号。若不能正确编号,说明格式有问题。你的123是普通文本的123,无格式。
  4. ***或者___表示水平线。---也能够,可是须要前面是空行。
 

PDF/HTML导出

  • 比起为知笔记Linux导出十几兆的单页PDF文件,leanote导出pdf文件大小正常。可是代码不高亮,据做者说是为了下降渲染耗时,取消了高亮。
  • HTML导出也无高亮。
  • leanote内渲染时用的resources/app/public/themes/markdown/default/index.css,可是导出时不是用的此css。还没找到修改的地方,改成导出也是用此css便可保证导出效果与leanote显示效果同样。
  • 网页版导出pdf带书签,客户端的没有。试用期后网页版不能导出PDF,试用期内导出的PDF含有leanote商标。
 

数据存储

  • Linux版本。笔记存储在~/.config/leanote/目录下。主要有notebooks.db 和 notes.db,并非二进制文件,是文本文件。有点相似json。若是笔记不少了,放在一个文件中,没有使用数据库,查找起来会不会很慢?
  • Windows版本。数据在C:\Users\用户名\AppData\Roaming\Leanote 
    请备份data(图片和附件), nedb55(笔记数据) 两个目录。 
    另外官方也早就说了:http://leanote.leanote.com/post/Leanote-desktop-backup 
    良心。
 

快捷键

  • Ctrl + s 保存并同步
 

无偿使用

免费只能使用网页版,网页版的缺点有:

  • 不能批量导出数据。
  • 数据风险。用客户端数据在本身机器上,比较放心。
  • 网页版写做模式没有预览
  • 试用期结束不能导出PDF

优势:

  • 跟客户端同样,markdown模式支持直接从剪贴板粘贴图片;
  • 笔记切换速度挺快,比有道笔记快。打开过的笔记来回切换不会从新加载。有道笔记这点就很坑。

那么如何无偿使用呢? 
要么使用网页版,要么使用客户端本地帐户。免费的方法仅此两种。

为了数据的安全,仍是使用客户端本地帐户吧。而后用坚果云或者Dropbox按期备份数据,防止电脑丢了硬盘坏了。或者用收费版,50一年又不贵。

 

其余

    1. 没有水平滚动条。当图片太宽的时候。
    2. 有时候切换笔记,文档导航仍是上一篇笔记的,且很长时间不恢复过来。
    3. Ctrl P 演示模式使用的渲染样式与Ctrl E 阅读模式的又不同。。。
    4. 有时候MarkDown编辑模式下,右边的预览窗格空白。点击>箭头后显示。
    5. Linux客户端关闭就退出了,不保留托盘,且没法设置。Windows客户端保留。
    6. 为知笔记有笔记内链,可互相跳转。leanote尚不支持,不过用处不大。
    7. 添加的图片删掉后,依然存在于images文件夹,对应的记录也存在于images.db文件中,不会自动删除。
    8. noteHistories.db文件增加很快!

 

更多

leanote使用本地帐户+坚果云同步

leanote使用本地帐户时,去掉待同步的小红点

leanote 信息栏显示笔记本和笔记类型