關於這個markdown筆記軟體（一）——總體的思路和介紹

專案原始碼

目錄

介紹

一直想寫一個類似為知筆記、螞蟻筆記之類的用來記筆記的軟體。想來需要有這些需求：

• 要支援markdown。
• markdown要能夠支援程式碼高亮和latex數學公式。
• 介面至少要過得去、不能太醜。
• 能夠儲存並管理圖片、連結等資源。
• 能夠自動儲存，能夠調整樣式。
• 有標籤的功能，方便整理。
• 最好能夠跨平臺、有云功能（下一版本實現）。

Todo List

下一版本可能會有如下優化：

1. 優化程式邏輯、減少重複的程式碼。各部分進一步解耦。
2. 加入對右鍵的支援操作
3. 加入使用者和雲備份的操作
4. 優化使用者介面和操作邏輯、提供設定

平臺

考慮的平臺有以下三個：

1. C++和qt庫編寫，需要自己造輪子、開發週期太長，除錯麻煩。
2. python+wxpython、pyqt等GUI庫。python下有已經比較完備等markdown庫，也能夠跨平臺，可以直接使用很方便。不過考慮這些庫預設介面其實不大好看。（迷）
3. 使用node.js中的nw.js 或者electron庫來寫。

最終選擇了第三種方案，前端介面就是html+Javascript+css的網頁框架，使用bootstrap框架的話就能夠實現還不錯的介面效果。程式邏輯自然就是使用Javascript來寫，node.js也有不錯的效能、markdown庫也有，實現起來不用太麻煩！

然而問題是：本人對前端技術並不瞭解，於是只能經常區“段錯誤”、“棧溢位”等網站求助。
另一個問題就是electron和nw.js的官網的文件其實不是很全，特別是中文文件基本沒有，於是踩了不少坑。

nw.js VS electron

node.js有兩個類似的庫，都能夠用web技術來構建本地程式，兩個都有不少大專案在用：

• nw.js：Leanote、mongo的軟體、Whatsapp等等……
• electron：github、VScode、Wordpress、atom等都用的這個框架

看起來好像electron的文件更多、看起來也更好，於是選擇了使用這個框架。

架構

選定了方案之後就要開始選擇軟體的架構。

View層：檢視層就是html檔案，利用bootstrap框架，有著不少很好看的樣式、不需要自己繪製圖標、定製樣式了，也有不少動態效果。

Model層：其實有幾個想法。第一個就是直接使用json檔案，但是需要自己造輪子，談不上多麻煩，但是還是不大樂意。第二個方案就是使用資料庫了，最好是本地資料庫sqlite3，輕量級，就一個檔案，也很好用。然而，這是一個坑，electron對sqlite3不相容，報錯（為此浪費了我 大半天的事件），索性放棄。

正當我打算動手造輪子的時候，發現了node.js的一個很神奇的庫lowdb。說是一個數據庫，其實管理的就是一個json檔案，使用起來看起來非常方便，CRUD有非常好的支援，稍微封裝一下就好。

Control層：其實沒什麼好說的，就是JavaScript實現查詢資料庫、對DOM操作操作，就成了。

其實當初選用node.js也是想學一下JavaScript，好在語言方面與C++和python都挺像，看看文件，差不多就能摸索摸索了。