常用的Markdown编辑器, markdown导出HTML/PDF/JSON/word
- OSXAtom,setting-->package install,搜package:markdown-themeable-pdf (markdown-pdf 不好用) atom markdown转换PDF 解决AssertionError: html-pdf: Failed to load PhantomJS module 打开cmd,执行 npm install phantomjs-prebuilt 安装好了重启atom。TyporaMacDownRStudio
- LinuxReTextUberWriterRStudio
- WindowsMiuTyporaRStudio
- iOS
- 浏览器插件MaDo (Chrome)Marxico(Chrome)
- 高级应用Sublime Text 2 + MarkdownEditing / 教程[1]
先说借助工具转换的方法吧,既然你会写Markdown,那么你肯定有编辑器咯,而编辑器一般都提供文件导出——导出成其他的文件类型。不同的编辑器会使用不同的策略,支持程度、支持导出的类型也不一样,我们就不一一去尝试了,我这里只推荐一个编辑器:visual studio code;举一反三,会一个,在其他的编辑器上你也可以探索出对应的解决方法。
visual studio code 的安装使用以及插件的安装可以参考下面的经验:
Markdown 转换成HTML
把markdown 转换成HTML应该是很多人需要的吧,在visual studio code 的插件库里就有不少这样的插件,功能上也都大同小异。我们挑两个来用看看好了:
插件A. copy Markdown as HTML
(好像长时间没有更新了,不知道还能不能用,不能就换Markdown+Math)
在插件库中搜索并下载安装copy Markdown as HTML。
使用步骤:
1. 用visual studio code 打开你的markdown 文件。
2. 按 `Ctrl+Shift+P `(MacOS:cmd+shift+p)呼出命令面板。
3. 输入:markdown:
4. 选择:markdown:copy as html
(ps: 复制到剪贴板中)
5. 新建一个空的`xxx.html`文件。
6. 在这个HTML文件里面粘贴即可。
7. 接下来你可以根据自己的需要进行修饰、修改、最后保存。
插件B. Markdown+Math
使用步骤:
1. 用visual studio code 打开你的markdown 文件。
2. 打开markdown预览功能(文本编辑按钮:B 的前一个按钮)
3. 按 `Ctrl+Shift+P `(MacOS:cmd+shift+p)呼出命令面板。
4. 输入:markdown:
5. 选择:markdown:clip markdown+math to html
(ps: 执行后内容复制到剪贴板中)
6. 新建一个空的`xxx.html`文件。
7. 在这个HTML文件里面粘贴即可。
8. 接下来你可以根据自己的需要进行修饰、修改、最后保存。




Markdown 转换成 PDF
比起转换成HTML,转换成PDF可能比较直接。
插件:Markdown PDF
使用步骤:
1. 用visual studio code 打开你的markdown 文件。
2. 点击鼠标右键,
3. 选择:convert Markdown to html
4. 大概等一下,文件夹下就能看到名字一样的 .pdf 文件了。
它默认生成到markdown 文件所在的目录,名称相同。挺简单的。

Markdown 转换成 word
这个我还没有发现工具可以做到,因为转换不会太顺利,解决的方法只能是:
1. 先转换成HTML,
2. 用浏览器打开HTML文件,
3. 全选页面内容并复制;
4. 新建一个空的word文档,然后粘贴进去(保留原格式);
如果你有什么好的方法记得在本经验留言推荐给大家。
END
二、代码转换方法
上面的工具其实都是通过插件完成的,实际上也是用了代码的方式来完成的,只是它们都转变为编辑器的视图操作而已。大家也发现了,用工具转换每次能处理的量有限,也就仅仅面向打开的markdown文件。这对于需要大批量转换的人来说,这无疑是噩梦般的工作量。为了能够实现大批量化、自动化转换,我们用代码写个小工具就可以,难度不大,只要你会javascript就行。
即使你不会也没关系——我写好了你只管拿去用、拿去改。
工具是在nodeJS环境下运行的,需要安装nodejs程序。下下来装上可以了。
接着是下载我写的工具(见图):
PS: 用的时候建议大家还是使用 visual studio code 编辑器,自带终端也支持gulp任务的显示点击执行,避免有的小伙伴不知道怎么用打开终端运行命令(主要是路径的问题了)。关于visual studio code 显示执行gulp 任务的相关内容可以参考下面的经验:



工具使用:
下载下来之后解压,并用visual studio code打开MD2N 文件夹。
按Ctrl+~ 打开终端,然后运行命令: npm install
等下载插件完成之后就可以使用了(先把你要转换的markdown 文件都复制到Markdowns 文件夹下)。
1. 转换成 HTML 文件,执行命令:gulp MD2HTML
2. 转换成 PDF 文件, 执行命令: gulp MD2PDF
3. 转换成 JSON文件,执行命令: gulp MD2JSON
4. 一键全部转换成全部的类型, 执行命令: gulp 或者 gulp default
5. 边写边转换(保存之后就自动转换),执行命令: gulp watching
END
常用的Markdown编辑器, markdown导出HTML/PDF/JSON/word的更多相关文章
- Typora 精美而强大的Markdown编辑器 转
Typora 精美而强大的Markdown编辑器 Markdown编辑器千千万,可是有颜值.功能强并且免费的,就没有几个了.之前一直在用Mou,分屏预览模式方便得很,是一个非常好的选择.不过这篇可不是 ...
- Markdown编辑器入门
欢迎使用博客园的Markdown编辑器 前言 今天早上起来在Ubuntu下操作,所以不能使用Windows Live Writer.所以就直接使用博客园的后台编辑器,开始以为博客园出错了,怎么编辑都没 ...
- editor.md实现Markdown编辑器
editor.md实现Markdown编辑器 Markdown和Editor.md简介 Markdwon编辑器在技术工作者圈子中已经越来越流行,简单的语法,统一的格式,强大的扩展功能,最重要的是:你可 ...
- Markdown编辑器——常用语法
Markdown是什么? 简短来说,他就是一款特别适用于写博客的编辑器.为什么适合呢,因为它特别的方便.以博客园的编辑界面来说,它原本的界面是这样的(有没有一种Word2003的既视感): 但是,当你 ...
- Markdown编辑器语言——30分钟入门到到精通
一.简要说明 开篇说明 其实吧这是我人生中写的第一篇博客,我也不知道怎么排版和编辑让博文显示的更加美观,现在正在学Markdown编辑语法,也是刚刚学编程的一个小菜鸟,目前是大二的在校生,我的初衷是把 ...
- 用nw.js开发markdown编辑器-已完成功能介绍
这里文章都是从个人的github博客直接复制过来的,排版可能有点乱. 原始地址 http://benq.im/2015/10/29/hexomd-introduction 文章目录 1. 功能列表 ...
- MarkDown 编辑器学习
MarkDown 编辑器学习 是一种简单快键的文字排版工具,可以用于编写说明文档,鉴于其语法简洁明了,且其渲染生成的样式简单美观,很多开发者也用它来写博客,已被国内外很多流行博客平台所支持.生成的文件 ...
- 好用的Markdown编辑器一览 readme.md 编辑查看
https://github.com/pandao/editor.md https://pandao.github.io/editor.md/examples/index.html Editor.md ...
- mac好用的markdown编辑器
在刚开始接触markdown的时候,就被吸引了.此后一直在找贴心的好用的markdown编辑器.印象笔记和马克飞象配合着用也是挺好的,唯一的缺点就是比较封闭,发个笔记的链接给同学,还得注册才能看,导致 ...
随机推荐
- [转载] 使用C/C++语言编写基于DSP程序的注意事项
原文地址:『转』使用C/C++语言编写基于DSP程序的注意事项作者:skysmile 1.不影响执行速度的情况下,可以使用c或c/c++语言提供的函数库,也可以自己设计函数,这样更易于使用“裁缝师 ...
- 一、WebService基础概念
一.Web Service简介 1.1.Web Service基本概念 Web Service也叫XML Web Service WebService是一种可以接收从Internet或者Intrane ...
- jmeter断言步骤
在POST /wordpress/wp-login.php请求,也就是名称为submit login form user的请求上点右键, 选择添加 -> 后置处理器 -> CSS/JQue ...
- CentOS 6.5之zabbix2.2的简单部署
Zabbix是一个基于WEB界面的提供分布式系统监视以及网络监视功能的企业级的开源解决方案.(目前,官方长期维护的稳定版本有2.2和3.0) 其他常见的监控工具还有: (1)Cacti:Cacti是一 ...
- win10系统下安装打印机驱动
以前安装过一次打印机的驱动,当时是从网上下载的,今天按照以前的方法安装打印机驱动,发现并不能使用,而且并不知道驱动还能自动安装. 首先在系统图标下选择设置-设备和打印机-添加打印机-搜索打印机,如果没 ...
- 图片懒加载插件lazyload.js详解
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
- C#中使用设置(Settings.settings) Properties.Settings.Default
应用程序及用户设置 在设计时创建新设置的步骤 在“Solution Explorer”(解决方案资源管理器)中,展开项目的“Properties”(属性)节点. 在“Solution Explorer ...
- java-异常进阶-包的使用
一 finally 1.1 异常执行的顺序 package test; public class Test { public static void main(String[] args) { Dem ...
- <a>标签操作
1.点击后onclick事件失效,变灰,不可用 onclick(this); //事件传递this对象 function viewMm(obj) { $(obj).removeAttr("o ...
- jstree设置checkbox单选
jstree设置插件checkbox只允许单选 jstree version console.log($.jstree.version); 3.3.8 单选配置参数: $.jstree.default ...
步骤阅读