Markcook1.0的开发总结

项目地址： https://github.com/jrainlau/markcook

demo地址： http://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!