大傢好，我是開源探索者，持續分享開源項目，關註技術的最新動態，分享自己的經驗和見解。

大傢好，我是開源探索者！

到年底了，各種總結、報告又要開始準備起來了，看著硬盤裡那一大堆的資料，真是頭大!

不過還好，我發現了一個好用的 Web 筆記應用 - BatNoter，支持 markdown 語法，可托管同步到 Github，安全方便，非常適合咱們程序員使用。

簡介

BatNoter，一個自托管的 Web 端的筆記程序，主要使用 react（typescript）、redux-toolkit 和 mui 組件構建的前端項目。

支持將 GitHub 倉庫作為個人筆記存儲庫（這個好評），同時支持筆記分類、搜索、Markdown 快捷編輯與預覽、書簽管理等內容。

目前BatNoter在 github 上收獲了 2.3K star。

如果你還擔心雲筆記的內容不安全，或者還在為雲筆記的托管費用而不開心的話，那麼一定要試試這個項目，筆記內容都是雲托管在自己的 Git 倉庫，非常的香！！！

項目特點

• 使用 GitHub 登錄。
• 使用漂亮幹凈的用戶界面輕松創建、編輯、刪除、組織和探索筆記。
• 支持 Markdown 格式，允許用戶在筆記中添加超鏈接、表格、標題、代碼塊、塊引用等。
• 編輯器允許預覽。
• 使用復制到剪貼板按鈕從代碼部分快速復制代碼。
• 將筆記直接存儲在根目錄或使用文件夾來組織它們（支持嵌套）。
• 通過單擊瀏覽特定目錄中的所有筆記。
• 所有筆記都存儲在用戶的 GitHub 存儲庫中。
• 緩存筆記以避免額外的 API 調用。
• URL 可以加書簽。
• 支持暗/亮模式。

效果預覽

新建筆記

設置筆記倉庫

預覽筆記

查看筆記內容

亮/暗模式切換

本地開發環境搭建

本地需要搭建 Node 環境，並且註意，Node.js 版本18或以上。

啟動服務

npm install
npm start

然後在瀏覽器輸入 http://localhost:3000 查看運行的效果。

運行測試

npm test

另外，官方還貼心的準備了一些 FAQ，方便新人操作。

結束語

在數字時代的浪潮中，有一群人他們不畏艱難，勇攀技術高峰，他們就是開源探索者。他們不僅僅是技術的實踐者，更是開源文化的傳播者和推動者。

在開源的世界裡，沒有絕對的權威，隻有共同的合作。