leanote折腾指南

持续更新。

过几天把自己的修改好的css放到github上给大家参考。

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

TODO

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

 

本地账户

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

 

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。

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

 

优点

1. 图片直接粘贴，直接在生成md格式的链接。这个厉害！
2. MarkDown可以预览。
3. 不管是编辑还是阅读，右上角有浮动的大纲显示。几乎没必要用[toc]标签了。

 

逐步改进markdown.css

目前使用的是wiznote-markdown.css，在此基础上修改。

1. 修改表格显示样式 
   为知笔记样式在leanote中默认不显示表格边框。拷贝leanote default中表格相关代码，注释掉 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中，解决了“四级标题比正文字体还小”的问题。

5. 复制github2的hr，但是leanote不显示background :url(data:img)，因此去掉了。
6. Windows 下 夜色主题 + 默认的markdown css编辑预览字体都清晰，代码为等宽，效果不错。待改进的地方：表格100%宽度、h1~h6不够突出、MD编辑时文字选中时看不清。

7. 解决markdown转换后的code标签不自动换行。 
   修改 themesmarkdowndefaultindex.css中的code 标签：
   

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

Tricks

1. 有序列表中插入代码段或者引用后，需保证列表前是空行或者其他markdown格式，否则会中断列表，或者列表显示有误。例子请看“逐步改进markdown.css”这一节。但是有道云笔记不需要空行也可以办到。这里不得不感叹大公司做出来的产品稳定性碾压开源小项目。 
   
2. 使用列表时，当发现另起一行时没有缩进，说明当前列表不正确。正确的列表在预览模式下是不能选中的。如果你的1、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用户名AppDataRoamingLeanote。 
  请备份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 信息栏显示笔记本和笔记类型