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!