Quantcast
Channel: 簡睿隨筆
Viewing all articles
Browse latest Browse all 897

程式設計師做筆記的好朋友:Boostnote

$
0
0

Boostnote是專為程式設計師使用的開源Markdown筆記軟體,最近因為在Github超過8千顆星的專訪《GitHubリポジトリで8000スター獲得、人気OSS「Boostnote」オープンソース化の軌跡 – エンジニアHub|若手Webエンジニアのキャリアを考える!》而倍受矚目。以下是我在使用幾周後的一些觀察到的Boostnote特色心得。

使用介面

Boostnote使用介面和一般的筆記軟體雷同,主要切割成三大塊:最左側是資料夾分類區,中間是某資料夾裡的所有筆記項目,最右側就是筆記內容,筆記內容可切換操作模式:編輯/預覽共存或單一狀態,在單一狀態時若游標焦點進入則自動變成編輯區,游標移出就變成預覽,而為了專心書寫,也可以把編輯/預覽區放到最大。

編輯/預覽自動切換的功能對蒐集筆記過程的幫助很大,內容輸入到一段落後,只要把游標移出編輯區就自動變成預覽模式,可以馬上看到實際外觀而不用再按任何按鈕,對操作的有效性助益良多。

預覽模式下的程式碼右上角提供了複製按鈕,可以快速的拷貝需要參考的程式片段。

▼ 最右側是編輯/預覽並存,可按鈕切換

edit/preview

▼ 編輯/預覽單一模式,游標點入就是編輯,移出就是預覽

preview

▼ 放大狀態下的編輯模式

full edit

程式碼片段筆記

除了Markdown筆記,Boostnote的另一類筆記是程式碼片段(Snippets),專門用來蒐集需要保存的程式碼片段。

choose type

程式碼片段以多個分頁來存放不同的程式碼片段,這樣的使用介面方便我們存放一個專案裡的多個相關檔案,或一個檔案的多個不同版本備份,對日後的參考提供便利的學習歷程。

▼ 一個React專案裡的不同檔案:App.js、style.css等
react snippets

▼ App.js的不同版本集中在一個筆記裡,可檢視版本演進歷程或差異

multi ver

設定與儲存

Boostnote的設定操作簡單,使用介面與編輯區、預覽區的樣式主題皆可自行變更。

筆記的存放是儲存在指定的本地資料夾裡,資料夾會產生boostnote.json檔案與notes、attachments兩個子目錄,notes裡存放筆記項目檔案(一個筆記一個檔案),檔案是副檔名為.cson的文字檔,attachments子目錄則是存放筆記裡用〔Ctrl+V〕貼入的圖檔,依筆記的代碼為子目錄存放。我建議可以在Dropbox或Google Drive的主目錄下建立專用的筆記目錄,可以在不同電腦間同步。

由上可知boostnote未使用資料庫存放資料,因此系統的配置相對簡單,但若有大量筆記時會否影響執行效能則尚未可知。

結論與下載連結

除了做筆記,用Boostnote來寫文章也很方便,使用幾週以來很快就適應了,推薦朋友們試用。

##

您可能也會有興趣的類似文章


Viewing all articles
Browse latest Browse all 897

Trending Articles