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