程式設計師做筆記的好朋友:Boostnote
Boostnote是專為程式設計師使用的開源Markdown筆記軟體,最近因為在Github超過8千顆星的專訪《GitHubリポジトリで8000スター獲得、人気OSS「Boostnote」オープンソース化の軌跡 - エンジニアHub|若手Webエンジニアのキャリアを考える!》而倍受矚目。以下是我在使用幾周後的一些觀察到的Boostnote特色心得。
使用介面
Boostnote使用介面和一般的筆記軟體雷同,主要切割成三大塊:最左側是資料夾分類區,中間是某資料夾裡的所有筆記項目,最右側就是筆記內容,筆記內容可切換操作模式:編輯/預覽共存或單一狀態,在單一狀態時若游標焦點進入則自動變成編輯區,游標移出就變成預覽,而為了專心書寫,也可以把編輯/預覽區放到最大。
編輯/預覽自動切換的功能對蒐集筆記過程的幫助很大,內容輸入到一段落後,只要把游標移出編輯區就自動變成預覽模式,可以馬上看到實際外觀而不用再按任何按鈕,對操作的有效性助益良多。
預覽模式下的程式碼右上角提供了複製按鈕,可以快速的拷貝需要參考的程式片段。
▼ 最右側是編輯/預覽並存,可按鈕切換
▼ 編輯/預覽單一模式,游標點入就是編輯,移出就是預覽
▼ 放大狀態下的編輯模式
程式碼片段筆記
除了Markdown筆記,Boostnote的另一類筆記是程式碼片段(Snippets),專門用來蒐集需要保存的程式碼片段。
程式碼片段以多個分頁來存放不同的程式碼片段,這樣的使用介面方便我們存放一個專案裡的多個相關檔案,或一個檔案的多個不同版本備份,對日後的參考提供便利的學習歷程。
▼ 一個React專案裡的不同檔案:App.js、style.css等
▼ App.js的不同版本集中在一個筆記裡,可檢視版本演進歷程或差異
設定與儲存
Boostnote的設定操作簡單,使用介面與編輯區、預覽區的樣式主題皆可自行變更。
筆記的存放是儲存在指定的本地資料夾裡,資料夾會產生boostnote.json檔案與notes、attachments兩個子目錄,notes裡存放筆記項目檔案(一個筆記一個檔案),檔案是副檔名為.cson的文字檔,attachments子目錄則是存放筆記裡用〔Ctrl+V〕貼入的圖檔,依筆記的代碼為子目錄存放。我建議可以在Dropbox或Google Drive的主目錄下建立專用的筆記目錄,可以在不同電腦間同步。
由上可知boostnote未使用資料庫存放資料,因此系統的配置相對簡單,但若有大量筆記時會否影響執行效能則尚未可知。
結論與下載連結
除了做筆記,用Boostnote來寫文章也很方便,使用幾週以來很快就適應了,推薦朋友們試用。
##
您可能也會有興趣的類似文章
- Markdown格式的筆記軟體:Boostnote的定位、特點與操作簡介(#3) (0則留言, 2019/04/28)
- Obsidian 1.0新手教學—打造個人知識管理利器,專屬的第二大腦 (2022年) (4則留言, 2022/10/22)
- 快速產生HTML網頁格式的速記語法:Markdown (2則留言, 2013/09/20)
- [Obs#83] 多欄式Callouts! 直接套用CSS片段變身N欄~ (0則留言, 2022/04/23)
- [Obs#92] Obsidian彙編文章的簡單方法:2個外掛+1個CSS片段 (0則留言, 2022/07/16)
- [Obs#66] 自動維護Markdown相容性的外掛:Consistent Attachments and Links (0則留言, 2022/01/21)
- [React-01] 使用IntelliJ IDEA學習React (0則留言, 2018/06/24)
- 使用Chrome應用程式StackEdit線上編寫Markdown文件 (0則留言, 2013/07/12)
- Dropbox與GoogleDrive的命令行工具 (0則留言, 2015/11/23)
- [Obs#39] 利用CSS變更文字顏色,侵入性小 (0則留言, 2021/05/10)
- [WordPress] 備份WordPress網站到Google Drive、Dropbox等雲端服務 (0則留言, 2013/09/08)
- Obsidian (黑曜石)筆記軟體的基本操作指引 (0則留言, 2020/06/23)
- 以iPad做為WordPress網誌書寫設備的方便Apps (0則留言, 2012/03/04)
- 如何快速寫出既專業又美觀的電子郵件? (0則留言, 2023/01/13)
- [Obs#90] Callouts擴充:CalloutTypesetting CSS Snippet (0則留言, 2022/06/11)
Sorry, 很久沒用Google sc…