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中表格相關代碼，注釋掉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中，解決了“四級標題比正文字體還小”的問題。

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. 使用列表時，當發現另起一行時沒有縮進，說明當前列表不正確。正確的列表在預覽模式下是不能選中的。如果你的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\用戶名\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 信息欄顯示筆記本和筆記類型