常用的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编辑器.印象笔记和马克飞象配合着用也是挺好的,唯一的缺点就是比较封闭,发个笔记的链接给同学,还得注册才能看,导致 ...
随机推荐
- Jquery选择器总结二
简单选择器 1.:firstè选出匹配的元素中的第一个 2.:lastè选出匹配的元素中的最后一个 3.:eq(index)è选出匹配的元素中的指定索引位置的jquery对象(注:index从0开始) ...
- BZOJ3339&&3585 Rmq Problem&&mex
BZOJ3339&&3585:Rmq Problem&&mex Description 有一个长度为n的数组{a1,a2,...,an}.m次询问,每次询问一个区间内最 ...
- writing-mode,文字竖直书写,字符之间距离,单词之间距离
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
- xampp中tomcat服务器无法启动
xampp中的Tomcat服务器无法启动的问题... 我的Java中自己安装了Tomcat服务器,webstorm中还有一个php服务器,,,xampp中的能不能用我就不需要去理会了...反正tomc ...
- WPF内嵌CEF控件,与JS交互
1)安装cefsharp.winform包 打开VS2017,打开nuget,找到cefsharp.winform,安装 问:为什么wpf程序不使用cefsharp.wpf? 答:因为cefwpf 4 ...
- A Simple Problem with Integers POJ - 3468 (线段树)
思路:线段树,区间更新,区间查找 #include<iostream> #include<vector> #include<string> #include< ...
- scanf("%c", &ch)和scanf(" %c", &ch)和scanf("%s", str)的注意事项
scanf("%c", &ch)和scanf(" %c", &ch): %c会读取回车和空格,所以一定要使用后者,即在%c前面加一个空格. %s ...
- Cesium 1.50重量级新功能测评
概要 既Cesium 1.49中3dtile加载性能大幅提升以后,Cesium 1.50再次迎来几个重量级新功能: 1 地球裁切,这下相当于可以截取一部分地形影像数据,当作一个平面场景来用了! 2 射 ...
- git中的错误
! [rejected] master -> master (non-fast-forward) error: failed to push some refs to 'git@gitee.co ...
- python基础--基础数据类型
1.输入 python2中的输入: 关键字:input() --> 需要人为的告诉input你输入的是哪种类型的数据(声明数据类型) >>> name = input('pl ...
步骤阅读