大家好,我是章魚貓。
今天給大家推薦的這款開源項目是基于 GitHub 的 Web 筆記應用,可以根據這個開源項目搭建自己的一個 Web筆記管理工具。
這款開源項目,名稱為:BatNoter,可将 GitHub 倉庫作為個人筆記存儲庫,并支援筆記分類、搜尋、Markdown 快捷編輯與預覽、書簽管理等内容。
允許使用者将筆記存儲在他們的 git 存儲庫中。這是一個主要使用 react (typescript)、redux-toolkit 和 mui 元件建構的前端項目。BatNoter API、是這個反應應用程式使用的 REST API 的後端實作。
主要功能:
- 使用 GitHub 登入。
- 使用漂亮幹淨的使用者界面輕松建立、編輯、删除、組織和探索筆記。
- 支援 Markdown 格式,允許使用者在注釋中添加超連結、表格、标題、代碼塊、塊引用... 等。
- 編輯器允許預覽。
- 使用複制到剪貼闆按鈕從代碼部分快速複制代碼。
- 将筆記直接存儲在根目錄或使用檔案夾來組織它們(支援嵌套)。
- 通過單擊浏覽特定目錄中的所有筆記。
- 所有筆記都存儲在使用者的 github 存儲庫中。
- 緩存注釋以避免額外的 API 調用。
- URL 可以加書簽。
- 支援暗 / 亮模式。
效果圖如下:
感興趣的可以去研究學習一下這個開源項目,是一個 Node.js 的 Web 項目。