Markcook1.0 的开发总结

写于 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!