使用vscode编辑markdown/转换为pdf输出/调整输出格式

扣篮小猪

已于 2023-06-14 09:50:28 修改

阅读量8.5k

点赞数 6

分类专栏：入门级教学文章标签： vscode pdf css

于 2023-06-09 20:13:15 首次发布

本文链接：https://blog.csdn.net/m0_73293161/article/details/130715050

版权

入门级教学专栏收录该内容

1 篇文章

订阅专栏

文章介绍了如何下载和安装VSCode，以及如何添加markdown-pdf和MarkdownAllinone等插件。详细步骤包括新建.md文件，使用插件将Markdown文件导出为PDF，并提供了调整PDF输出格式的CSS方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下载vscode

在浏览器中搜索vscode，进官网下载
在这里插入图片描述
点击download，下载好后下一步下一步下一步安装即可

安装markdown-pdf插件

搜索markdown pdf并点击install
在这里插入图片描述

安装其它插件

还有另外很好的一个插件，可以方便地插入剪贴板中的图片
在这里插入图片描述
截屏后
按 ctrl+alt+v 即可粘贴

图片文件会存在和md文件相同的目录下

同样推荐安装Markdown All in one，扩展了markdown相关功能，增加键盘快捷键
在这里插入图片描述

新建.md文件

右击，new file
在这里插入图片描述
命名的时候xxxxx.md
注意使用.md后缀

文件的小图标会自动变为一个向下的箭头

输出为pdf

在空白处右击，出现命令目录
点击Markdown PDF: Export PDF
在这里插入图片描述
在md源代码的相同文件夹里出现pdf文件

调整输出格式

找到控制输出的css源代码
地址示例：
C:\Users\28936\.vscode\extensions\yzane.markdown-pdf-1.4.4\styles
C:\Users\HP\.vscode\extensions\yzane.markdown-pdf-1.4.4\styles\markdown-pdf
其中Users目录可能会显示为“用户”
打开该css文件markdown-pdf

在这里插入图片描述
打开后文件显示如下

这是原来的输出pdf文件样式

代码的最后加上一段控制正文格式的代码
为使效果明显，这里设置了较为夸张的数值

body {
	font-size: 30px; /* Change the font size to your desired value */
	line-height: 3; /* Change the line height to your desired value */
  }

修改之后保存一下修改在这里插入图片描述

修改后的输出pdf文件样式
在这里插入图片描述
再调整一下参数

挺nice, 第一题正好一页
在这里插入图片描述