程式設計師做筆記的好朋友：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…