基于vscode编写markdown导出带书签(目录)的pdf

本文详细介绍如何在Ubuntu20.04环境下,利用VSCode及特定插件,将Markdown文档转换成带有书签的PDF文件。文章涵盖所需软件的安装、配置步骤及具体操作流程,适合希望提高文档整理效率的技术人员。

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

目的

有时候我们需要对写完的markdown文件,导出pdf,同时带有书签。这里总结下我的实现

前提

  1. 基于ubuntu20.04(windows 也适用,只是 对应软件改为下载windows版本)
  2. 基于vscode编写和相关的插件

安装

  1. 下载安装vscode
  2. 下载安装markdown插件 Markdown All in One (方便编写)和 Markdown Preview Enhanced (提供导出功能)
    在这里插入图片描述
  3. 因为需要导出带有书签的pdf 所以这里我们 使用 Prince(可以将html导出pdf) (注意这里使用的是ubuntu系统)
    下载地址: https://www.princexml.com/download/ (官网有点慢)
    百度网盘链接: https://pan.baidu.com/s/1Fs8cvThdFo1SAXzaNJXSvw 密码: 4ocm

导出步骤

导出pdf(带书签)

  1. 编写如下的 测试的markdown文件
    文件: test.md
    # 1 第一章
    ## 1.1 介绍
    ...
    ### 1.1.1 介绍1.1.1
    ....
    # 2 第二章
    ## 2.1 详细
    ....
    ### 2.1.1 详细2.1.1
    
  2. 如下图,打开 打开 markdown preview enhanced 的预览
    下图中的箭头指向按钮,打开实时预览
    在这里插入图片描述
    3.如下图,在右侧预览区 ,鼠标右键,选择 pdf(Prince),会在当前 markdown 文件目录生成带有书签的pdf
    在这里插入图片描述
  3. 成功生成pdf如下图
    在这里插入图片描述

书签(目录)在正文最前面

  1. 编写测试文件内容 还是test.md
  2. 在最前面 插入目录
    如下图,光标放在在正文最前面(图中标1的位置),然后输入shift+ctrl+p,搜索 toc,选择 图中标出2的选项(markdown preview enhanced: create toc),然后 ctrl+s保存文件
    在这里插入图片描述
  3. 导出pdf或者html
    如下图正文最前方为自动生成的目录,右侧箭头 可以选择导出html或者 pdf(这里导出pdf 选择 chrome pdf 导出才会生成可以跳转的链接)在这里插入图片描述
  4. 生成的pdf如下图
    在这里插入图片描述
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值