返回

打造专属markdown笔记平台:满足我的傲娇

前端

markdown笔记平台?嗨呀,自己动手造一个,因为它满足了我的傲娇

人生苦短,我用markdown。

没错,我就是这么一个markdown死忠粉。从最开始接触它,我就被它的简洁、高效和可扩展性深深吸引。在写文档、做笔记时,markdown简直就是我的神器,它让我可以轻松地组织内容、添加格式和插入代码块。

然而,市面上的markdown笔记平台,总觉得差点意思。有的功能太少,有的界面太丑,有的收费太贵。于是我一拍脑袋,决定自己动手造一个markdown笔记平台。

我给自己定下了几个目标:

  1. 功能强大: 必须支持markdown的所有语法,还要有代码高亮、表格、目录等基本功能。
  2. 界面简洁: 我讨厌花里胡哨的东西,所以界面一定要简洁清爽,操作也要简单易用。
  3. 开源免费: 我不想被任何东西束缚,平台必须开源免费,让大家都可以用。

说干就干,我撸起了袖子,开始折腾。

1. 选用技术栈

经过一番调研,我选择了Vue.js作为前端框架,Node.js作为后端框架。Vue.js轻量高效,非常适合用来构建单页面应用。Node.js则提供了强大的后端能力,可以轻松处理文件存储和数据交互。

2. 搭建骨架

有了技术栈,接下来就是搭建平台的骨架。我使用Vuex来管理状态,使用axios来发送网络请求。为了保证代码的组织性和可维护性,我遵循了MVC模式,将代码分成了不同的模块和组件。

3. 开发核心功能

核心功能,自然就是markdown编辑和笔记管理了。我使用codemirror来实现markdown编辑器,它提供了丰富的语法高亮和自动补全功能。笔记管理方面,我使用了MongoDB来存储笔记数据,并设计了灵活的查询和分类功能。

4. 打磨细节

骨架搭建好,核心功能开发完,接下来就是打磨细节了。我添加了代码块折叠、图片上传、笔记分享等功能,还优化了界面的交互和动画效果。

5. 部署上线

经过一番测试和优化,我的markdown笔记平台终于可以上线了。我选择了Github Pages作为托管平台,它免费、简单易用,还支持自定义域名。

6. 开源分享

正如我之前所说,平台必须开源免费。我将代码上传到了Github上,欢迎大家star和fork。

后记

历时两个月,我的markdown笔记平台终于横空出世。虽然它可能还不完美,但它已经完全满足了我的需求。

自己动手造一个markdown笔记平台,不是为了证明自己有多牛逼,而是为了满足自己那颗傲娇的心。我不想委屈自己,用着那些不顺手的工具。

如果你也跟我一样,对markdown笔记有执念,不妨试试我的平台。它或许不能让你成为文豪,但至少可以让你写出更棒的文档和笔记。

祝你写出更多好文章!