VSCode之Markdown导出PDF

您所在的位置:网站首页 vba编辑pdf VSCode之Markdown导出PDF

VSCode之Markdown导出PDF

2023-05-20 16:48| 来源: 网络整理| 查看: 265

文章目录 一、安装插件Markdown PDF二、css美化

一、安装插件Markdown PDF

在这里插入图片描述 安装就行。

右击选择Export(pdf)即可导出PDF 在这里插入图片描述 默认格式样式:在这里插入图片描述

二、css美化

先来看一下它使用说明里说的怎么修改样式: 找到markdown-pdf.styles这里 在这里插入图片描述 在这里插入图片描述 意思就是你要有一个css文件“markdown-pdf.css” 然后还要去用户设置里设置:

"markdown-pdf.styles": [ "markdown-pdf.css", ],

还说了如果用本地css文件怎么用,用网上的css文件怎么用,这里就讲一下本地怎么用吧。

首先去下载一个你喜欢的css样式,或者自己写一个,,,我就网上下的,之后不喜欢可以自己改。

Typora里的还挺好看:https://www.typora.net/themes/

我喜欢比较简洁的,这几个挺好看: 在这里插入图片描述

在这里插入图片描述 在这里插入图片描述 用next举个例子: 在这里插入图片描述 复制一下本地路径C:\Users\xpt\Downloads\typora-theme-next\next.css

需要注意的是:All \ need to be written as \ (Windows) 所以是C:\\Users\\xpt\\Downloads\\typora-theme-next\\next.css

使用Ctrl + shift + P or F1搜索 打开用户设置 在这里插入图片描述 点击下图红色箭头指向用json格式打开此文件设置 在这里插入图片描述 在setting.json里添加如下代码即可:

"markdown-pdf.styles": [ "C:\\Users\\xpt\\Downloads\\typora-theme-next\\next.css", ],

注意每个设置之间应该有逗号: 在这里插入图片描述 换上next.css 在这里插入图片描述



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3