一款基于 GitHub 的 Web 笔记应用

Posted 2022-06-22 非著名程序员

【公众号回复 “1024”，免费领取程序员赚钱实操经验】

大家好，我是章鱼猫。

今天给大家推荐的这款开源项目是基于 GitHub 的 Web 笔记应用，可以根据这个开源项目搭建自己的一个 Web笔记管理工具。

这款开源项目，名称为：BatNoter，可将 GitHub 仓库作为个人笔记存储库，并支持笔记分类、搜索、Markdown 快捷编辑与预览、书签管理等内容。

允许用户将笔记存储在他们的 git 存储库中。这是一个主要使用 react (typescript)、redux-toolkit 和 mui 组件构建的前端项目。BatNoter API、是这个反应应用程序使用的 REST API 的后端实现。

主要功能：

• 使用 GitHub 登录。

• 使用漂亮干净的用户界面轻松创建、编辑、删除、组织和探索笔记。

• 支持 Markdown 格式，允许用户在注释中添加超链接、表格、标题、代码块、块引用... 等。

• 编辑器允许预览。

• 使用复制到剪贴板按钮从代码部分快速复制代码。

• 将笔记直接存储在根目录或使用文件夹来组织它们（支持嵌套）。

• 通过单击浏览特定目录中的所有笔记。

• 所有笔记都存储在用户的 github 存储库中。

• 缓存注释以避免额外的 API 调用。

• URL 可以加书签。

• 支持暗 / 亮模式。

效果图如下：

感兴趣的可以去研究学习一下这个开源项目，是一个 Node.js 的 Web 项目。

开源项目地址：https://github.com/batnoter/batnoter

开源项目作者：BatNoter

最近，章鱼猫建了一个「GitHub 精选交流群」，欢迎大家一起交流优秀开源项目，也可以宣传自己的开源项目，加我微信：loonggg1024，备注【GitHub】邀请你入群。

---特别推荐---

特别推荐：一个新的优质的专注分享各种浏览器插件、黑科技教程、各种你想不到的高效率软件及工具的公众号，「程序员掘金」，专注挖掘好东西，非常值得大家关注。点击下方公众号卡片，直接关注。