作这个markdown编辑器是由于本身日常用markdown写文档写得比较多,网上找的都不太好用,并且都不支持扩展开发,没法实现本身所需的一些定制化功能.css
从今年四月份开始,陆陆续续的利用一些零碎时间作到如今,所需的基本功能都实现了,所以如今写一篇总结把功能介绍一遍.html
这个编辑器的主要特点是自动上传图片,文档分享以及导出pdfnode
功能列表
- 基本markdown语法
- 自动更新.
- 实时预览窗口
- 编辑器,预览,代码段样式选择和自定义
- 自动上传图片
- emoji表情.
- 导出html,pdf文件.
- 目录语法
- 一键文档分享
基本markdown语法
Markdown 是一种轻量级标记语言，创始人为约翰·格鲁伯（John Gruber）。它容许人们“使用易读易写的纯文本格式编写文档，而后转换成有效的XHTML(或者HTML)文档”。 —— 维基百科git
本编辑器的markdown语法基于github的GitHub Flavored Markdown扩展出更多语法,所以基本的语法直接看Github的帮助文档github
自动更新
目前提供最新版的下载地址是 v1.0.0.0
第一次使用请直接下载,之后只要点击右上角的
按钮就会检查更新,若是有新版本,则会提示是否要更新.浏览器
实时预览窗口
系统设置里提供两种方式的预览窗口选择,如图markdown
. hexo
双屏幕的用户能够选择在新窗口打开预览. 编写文档时,预览窗口会实时的更新并滚动到当前编辑位置.
预览窗口可以使用
按钮切换开关.app
样式选择与自定义
如图,能够选择编辑器样式和预览窗口样式以及预览窗口里的代码段样式.
软件预设了一些样式供选择,用户也能够直接编辑样式文件自定义.这3个样式存放的目录分别在软件app目录下的:编辑器
编辑器样式: app\lib\codemirror\theme预览样式目录: \app\css\previewtheme代码段样式目录: app\node_modules\highlight.js\styles
能够直接修改里面已有的样式,也能够直接新增文件,下拉菜单会自动读取全部样式文件供选择.
云存储配置
因为自动上传图片和一键文档分享须要用到云存储(目前用的是七牛),所以这里先讲下系统设置里的云存储设置.
首先得注册一个七牛账号.
进入后台,新建二个共享空间,一个用于存储图片,另外一个存储共享文档(其实也能够用同一个,看我的习惯)
选择新建的空间,点击空间设置>域名设置,查看自动分配的域名
回到后台首页,点击帐号设置,能够查看accessKey(AK)和SecretKey(SK)
在系统设置里配置好这几个字段
我把我空间的密钥遮住了,你们请填上本身的空间密钥
自动上传图片
将图片复制到剪贴板后(如qq截图,系统截屏等),直接在编辑器里粘贴图片,会自动将图片上传到配置好的七牛空间里.并在编辑器里填入markdown格式的图片引用,如图
图片名称是随机生成的(目前这样的话,用久了图片很乱,暂时想不到什么好办法能够不牺牲易用性,又方便分类管理图片).
我博客里全部图片都是这样的,写起博客来特方便.
一键文档分享
若是文档里有此格式的标签[SHARE:文件名].
则点击 
按钮时,会自动将文档解析成html,并上传到配置好的文档空间,而后在浏览器打开.文件名为标签里指定的文件名.
emoji表情功能.
目前支持此表格里的全部emoji表情.
只要在写文档时,以这种格式 :表情代号:,就会被解析为对应emoji表情.以下面这些表情.
:+1: :shit: :-1: :point_right::ok_hand:
表情代号在上面的表格里查询
导出html,pdf文件功能.
点击
能够导出解析好的文档到html或者pdf文件.导出哪一种类型,取决于你输入的后缀名(若是为pdf,则导出时须要等待几秒)
目录语法
文档里若是带有TOC标签
1 |
[TOC] |
则会自动将h1~h6标签按嵌套结构解析为目录树,并替换显示在TOC标签位置