用electron开发Mark Down编辑器(一) ——功能简介

引子（废话）

从使用github托管个人静态博客开始，了解到了MarkDown，不得说这个标记行语言确实让人非常着迷。

我又是一个爱折腾的人，电脑系统经常换，每次重新搭建Hexo，感觉特别麻烦，每次git,node.js都要重新安装,每次换一次系统，都要给Hexo换个主题玩（此为其一）

---

由于图片资源是使用七牛云加速的，每次写博客，都要[截图]-[保存到本地]-[上传到七牛]-[复制外链地址]-[粘贴到md]，每次一套搞完，基本上思路也都断了（此为其二）

---

作为一名IT男，实现自己想要的软件功能，也是非常有成就感的一件事（此为其三）

---

简介

实现一款合适自己的MarkDown编辑器，主要用到了一些比较重要的开源项目：

1. electron: Electron 提供了一个实时构建桌面应用的纯 JavaScript 环境。Electron 可以获取到你定义在 package.json 中 main 文件内容，然后执行它。通过这个文件（通常我们称之为 main.js），可以创建一个应用窗口，这个应用窗口包含一个渲染好的 web 界面，还可以和系统原生的 GUI 交互。

2. CodeMirror: 基于web技术实现的文本编辑器，实现了大部分的IDE功能以及几乎全部你会用到的语言的支持。(另一种网页编辑器ACE Editor同样比较出名)

准备工作

开始教程之前，假设你已经有了一个常用的的编辑器（或者 IDE），系统中也安装了 Node.js 和 npm，并有基础的 HTML/CSS/JavaScript （对 Node.js 的 CommonJS 模块概念有所了解是最好，但不强求） 知识。

弱弱的说一句，我对这些知识也不甚了解，每次都是一边用一遍学，推荐两个 学习网站（可以当工具书用）
- 菜鸟教程: http://www.runoob.com/
- Node.js 教程
- JavaScript 教程
- HTML 教程- (HTML5 标准)

• w3Cschool: http://www.w3cschool.cn/
  
  • Node.js 教程
  • electron教程
  • electron开发实践

electron环境搭建

---

未完，待续……