在网站中嵌入editor.md markdown编辑器以及CSS样式修改

欢迎访问我的个人博客查看显示效果：

点击跳转到hehung的博客查看显示效果

 

最近在网上查找markdown编辑器的时候，找到了一款比较好的编辑器 editor.md, 开源免费的。
点我跳转到官网
官网也有使用教程，我这里主要是针对hexo上的使用，因为我们正在hexo上使用的是静态页面，所以只能用于对文章的编辑。如果是动态网站，还可以实现，文章的自动发布等功能。

特性

• 支持“标准”Markdown / CommonMark和Github风格的语法，也可变身为代码编辑器；
• 支持实时预览、图片（跨域）上传、预格式文本/代码/表格插入、代码折叠、搜索替换、只读模式、自定义样式主题和多语言语法高亮等功能；
• 支持ToC（Table of Contents）、Emoji表情、Task lists、@链接等Markdown扩展语法；
• 支持TeX科学公式（基于KaTeX）、流程图 Flowchart 和 时序图 Sequence Diagram;
• 支持识别和解析HTML标签，并且支持自定义过滤标签解析，具有可靠的安全性和几乎无限的扩展性；
• 支持 AMD / CMD 模块化加载（支持 Require.js & Sea.js），并且支持自定义扩展插件；
• 兼容主流的浏览器（IE8+）和Zepto.js，且支持iPad等平板设备；
• 支持自定义主题样式；

下载

在前面已经说过了，可以直接去官网上下载，下载之后，解压缩，有如下文件：

 

解压缩后的文件

移植

移动文件

然后把这个目录的文件全部复制到主题目录下的source文件夹下的libs文件夹下，其实放在哪儿都无所谓，只不过这个主题的外接库都放在libs文件夹下，移植的时候也方便，如下所示，我重新给文件夹命了个名字叫做editorMd。