一分钟将Markdown转换成HTML/PDF/PNG/JPG

简介

markdown是什么无需在这里多言,一言以蔽之:人生苦短,快用markdown,懂的人自然知道它的众多好处。
不过虽然markdown很好很强大,但并不是所有人都知道而且还会使用,有时候为了和人交流,还是需要转为更通用的PDF格式的文档。比如技术人员用md写自己的技术文档,简历等等,需要打印的情况下。

方法/ 步骤

第一种方法:在线简易生成法

笔者常用的一个md转PDF的网站,这个网站本来是给程序员写简历用的,但是转PDF也特别方便!!!

使用方式:将自己的MD文本文件,复制粘贴到文本框,然后点击PDF就可以。

点击进入MD转换PDF
在这里插入图片描述

第二种方法:本地生成法:

第一步:打开VS Code,下载 Markdown PDF插件

在这里插入图片描述

第二步:下载安装!!

  • 安装成功后如图:

在这里插入图片描述

  • 点击Markdown 右击,会出现导出选项:
    在这里插入图片描述

第三步:直接选择导出HTML就可以了!默认导出目录在我的文档里面

在这里插入图片描述

第四步:上面已经完成了Html的导出,那么怎么导出PDF呢?

  • 将html用chrome打开,然后右击chrome的空白处选择打印!
    -在这里插入图片描述
  • 将页眉和页脚勾掉,然后选择另存为PDF,点击保存就可以了!!!
    在这里插入图片描述

第五步:上面已经完成了Html和PDF的导出,那么怎么导出PNG/JPG呢?

在这里插入图片描述

  • 没错!对着vscode 中的markdown 右键点击导出 png/jpeg 就可以啦!

异常处理:

  • 有些同学会遇到这样一种情况,在导出的时候,vs code会一直提示
    Installing Chromium。。。。。,无法正常导出文件!
    解决方案:
  • 找到Google Chrome文件的路径(对着Chrome 的快捷键图标右击,然后会看到起始位置!)
    在这里插入图片描述
    我的路径是这个位置:
"C:\Program Files (x86)\Google\Chrome\Application"
  • 打开vs code,在首选项->设置->搜索设置中搜索"Markdown-pdf: Executable Path"->在settings.json中编辑
    在这里插入图片描述
    在这里插入图片描述

  • 在两个大括号{}中填入

"markdown-pdf.executablePath": 你的chrome地址,

  • 设置后的setting.json截图
    在这里插入图片描述
  • 注意在Windows平台上,路径的斜杠问题,直接粘贴后,注意将反斜杠修改成正斜杠!!! 如上图就是我在win平台正确设置的路径!

参考资料 & 致谢

【1】 markdown 转换成HTML/PDF/JSON/word

猜你喜欢

转载自blog.csdn.net/YangCheney/article/details/106416174