Markcook1.0 的开发总结

554 阅读2分钟

写于 2016.01.18

项目地址: github.com/jrainlau/ma…

demo地址: jrainlau.github.io/markcook/


首先介绍一下Markcook,顾名思义,可以理解为“煮markdown的锅”……

她是一个开源的,免费的,简洁且高效的markdown编辑器,当然你也可以把她作为本地客户端使用。

非常的简单,高效,没有多余的东西。

她的优点有很多:

  • 实时预览,所见即所得,无需担心排版问题。
  • 提供了齐全的快捷按钮,无需查阅markdown语法即可进行排版。
  • 完全离线的单页应用,可以把gh-pages分支的文件clone下来,作为本地客户端使用。
  • 提供本地缓存功能,防止重要内容丢失。

Markcook介绍完了,就谈一谈开发她的过程吧。

由于不久前终于(学会)建立了自己的个人博客,需要用md来写文。在写文的过程中,开始构思,能不能自己也写一个能解析md的编辑器出来呢。因为已经掌握vue.js,同时它官网也有相似的例子,觉得这个idea可以有,于是马上就动手做起。

首先花了一个上午学习vue-cli以及webpack的基本使用方法(之前使用vue的开发方案是用fis3+modjs进行的,可参考我另外一篇文章FIS3+mod.js开发方案在线上部署时出现无法找到文件的bug的解决过程)。才发现原来用webpack进行开发是完全不同的体验啊,很开心又学会了一门新技能。无比感谢所在Q群的各位大神的无私帮助。

在学习了基本的webpack知识以后,通过vue-cli初始化项目,开始实际的开发。因为功能不复杂,所以开发得很快,在一个下午之内就把功能及样式都搞定了。样式是使用bootstrap-material这个框架,因为个人特别喜欢material design的设计。同时为了凸显“应用”的特征,把滚动条的样式也进行了定制,在webkit内核浏览器里面显示效果蛮漂亮的o(∩_∩)o

以前特别羡慕有线上作品的人,因为自己后端知识比较匮乏,所以一直不知道如何把作品部署到服务器。这算是我第一个线上的开源作品,在输入地址成功在线上浏览到我的项目的时候,那一刻真的特别激动。对大神来说可能这太小儿科了,但对我来说却是一份很不一样的经历。


项目会继续维护,以后可能会加入更多的功能,或者和其他的项目合并。反正学一点做一点吧哈哈~

Thanks for reading, see ya next time!