为了账号安全,请及时绑定邮箱和手机立即绑定

我的知识管理框架, 我的第二大脑

我的知识管理框架, 我的第二大脑

背景

我从19年,也就是我读大二的时候,就开始在维护一份个人笔记 GitHub - 0xcaffebabe/note: 📝个人知识框架 算法与数据结构 / 操作系统 / 数据库 / 计算机系统 / 网络 / 中间件 / Java / 架构 / 前端 / 运维 / 网络安全,刚开始的想法只是为当时的期末考做一个复习准备,在更早之前也做过类似的事,只不过那个时候是将知识直接整理成单独一份份的doc文档,但随着当时对技术人圈子的了解,开始尝试使用了markdown来编写这个笔记。

历程

原始阶段

最初的笔记是完全整理成了以文件夹组织的树形结构,差不多就这样:

计算机网络
  |- 网络层
  |- 传输层
  |- 应用层
    |- HTTP
    |- ...
操作系统
  |- 文件管理
  |- 进程管理
  |- ...

使用 GitBook 阶段

随着知识量的不断累积,我也很希望把整理的这些知识分享出去,我在这个时候发现 GitBook 这个工具非常适合我的需求,我的这个目录结构完全匹配它,并且只要在原来的基础上,添加SUMMARY.md 还有一些配置json,就能发布到静态网站服务(Github Pages)上面去。

问题

当然 GitBook 本身是有缺点,就是打包非常非常慢,当时我的这份笔记差不多只有两三百个章节,但打包完成至少需要二十分钟以上,当然因为当时直接使用了 Github Action, 打包也不在本地,所以这个问题我就当做看不见。

另外一个问题就是扩展问题,虽说 GitBook 的第三方插件很丰富,但因为 GitBook 本身的插件管理机制,我想在此基础上扩展,又不想受到 GitBook 框架本身的限制,于是对于笔记网站的功能扩展当时是通过 Python 直接修改 GitBook 的打包结果来实现。由于又引入了 Python 脚本通过各种 Hack 的方式实现奇奇怪怪的扩展,于是打包速度就又更慢了。

自己开发

终于,我忍受不了这么慢的打包速度和蹩脚的扩展手段,于是决心寻找一款替代品。

我对这个替代品的需求就是最好可以兼容我现在的所有笔记数据,一个比较好的选择似乎就是 Docsify,但这个框架的扩展还是在它的限制下,而且我又想通过写 Vue 的方式来扩展(当时顺带想着学学 Vue3 和 TpyeScript😏) 于是Vue 官方推出的 VuePress 好像还挺适合,于是上手使用搭建了一个demo,当时出现了几个问题,一些小问题可以通过插件来解决,但一个最重要的问题就是 : 路径不支持中文

这就意味着我的笔记数据几乎都需要迁移,这是我所不能忍受的,于是就开始决定自己开发,在搭建了一个简单的原型后,确定了几个主要的技术问题都不存在后,就开始动工了。

设计

关于这个知识框架系统的设计,有兴趣的可以通过这个链接了解:GitHub - 0xcaffebabe/my-book: 一个类 Gitbook 知识库管理工具

当然现在这个项目已经存档了,迁移到了我的笔记仓库下 GitHub - 0xcaffebabe/note: 📝个人知识框架 算法与数据结构 / 操作系统 / 数据库 / 计算机系统 / 网络 / 中间件 / Java / 架构 / 前端 / 运维 / 网络安全

主要还是因为代码更新的方便性问题。

整体设计

https://img1.sycdn.imooc.com//61e2bb7f0001337c04340443.jpg

因为要兼容 GitBook 的数据源,所以在设计上必须遵循数据与表现分离的原则,从数据源到框架的一个单向的数据流动。

理念

在对于知识的管理上面,我参考了一些网上对于知识分类管理的理论,将知识的整理归纳分为如下形式:

  • 树形结构

https://img1.sycdn.imooc.com//61e2bb800001c79b19050999.jpg

  • 网状结构

https://img1.sycdn.imooc.com//61e2bb8000017f9719100999.jpg

  • 标签

https://img1.sycdn.imooc.com//61e2bb810001b99712520723.jpg

上面三种结构都对应着知识的不同视图,个人认为,没有一种大而全的视图可以涵盖所有的需求,所以不同的场景对应于不同的视图才是最合适的。

实现

在整个框架的实现上,我还是模仿了 GitBook 的模式,先打包,然后再预览。

但为了避免像 GitBook 那样慢,我决定将能在前端计算的工作都尽量移动到前端,但像是统计之类的工作,还是必须在编译期完成。

为了实现打包快预览快的操作,我没有使用传统的 WebPack, 而是选择了使用 Vite,它的极速打包速度真的很适合我这个框架,同时也得益于 NodeJS 的异步编程范式,在打包这样的一个重 IO 场景,速度也比 Python 快了很多很多,目前的笔记章节差不多有五百多章,并且有许多网络IO操作,也都能在三分钟内完成打包

发布部署

同样,为了能将知识分享出去,部署我主要使用了 GitHub Action, 配合使用Vercel,CloudFlare,百度云 CDN 等,这些组件配合能得到一个国内外访问速度都还可以的静态站点。

技术栈

  • 框架:Vue

  • UI组件:Element-Plus

  • 语言:TypeScript

  • 图表:Echarts

  • 思维导图: JSMind

  • 分词:NodeJieba

  • 全文检索:Alogila

总结

我的这个经历或许对各位没有普适作用,只是分享了一个心路历程,但还是觉得作为技术人员,如 Unix 哲学里提到的,纯文本应该是最适合用来写文档的,所以一切的一切都是围绕纯文本来的,对于其他形式的知识,这种方式是不适合的。

未来

目前这个技术框架只是承担了知识的表现层,在对于知识的输入处理方面,还是跟 GitBook 一样,所以我未来期望能在该框架上扩展出承担知识输入角色的一个框架,目前我看已经有许多开源项目在做这方面的工作,像是 Quake, 它的思想特别好,所以未来可能会模仿它的架构来设计我的知识输入设计。


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消