GitNotes - 一个在线的 Git 托管笔记浏览应用

什么是 GitNotes?

这是一个我开发的笔记浏览应用, 用于浏览以 Markdown 书写的, 存放在 GitLab 或 GitHub 上的笔记.

优点: 数学公式支持和移动端适配.

笔记 Git Repo 参考: NJUAI-Notes

对应页面: OrangeX’s Notes

Demo

OrangeX4’s Notes

你可以直接使用这个网址查看你要查看的笔记 Repo, 并不需要挂载你自己的 GitNotes.

原理

界面

个人部署

将代码 Clone 下来, 修改 src/App.tsx 文件的内容:

修改为以下形式:

1
2
3
4
5
// ---------------------------------------------------
// const search = window.location.search
// 请在这里更改你需要的 url 参数
const search = '?git=github&github=typoverflow/note'
// ---------------------------------------------------

search 设为 URL 参数.

要修改标题, 可以使用搜索功能搜索字符串并修改 public/index.htmlsrc\App.tsx.

更换图标, 可以更换 public/profile.icopublic/profile.jpg 文件.

进行完这些操作之后, 运行

1
yarn start

便可实时浏览效果.

确认无误后, 运行

1
yarn build

便可生成 build 文件夹, 将该文件夹挂载到你的域名下, 你的专属 GitNotes 笔记便挂载好了!

服务部署

运行命令:

1
yarn build

并将 build 目录下的静态文件挂载在你的域名中.

使用搜索:谷歌必应百度