翼度科技»论坛 编程开发 JavaScript 查看内容

使用Nodejs编写一个脚本实现markdown转pdf功能

6

主题

6

帖子

18

积分

新手上路

Rank: 1

积分
18
前言

Markdown 是一种轻量级的标记语言,非常适合用来写作和记录,但并不是所有人都习惯或能够直接阅读 Markdown 文件。将 Markdown 转换为 PDF 可以让文档在格式和样式上更加统一,也方便在不同设备和平台上查看和打印,方便分享给不熟悉 Markdown 的用户。
在接下来的内容中我们将讲解如何使用 NodeJs 编写一个 Markdown 转 PDF 的脚本来实现我们这个想要的功能。

实现

首先我们来明确一下我们的需求,我们目前的情况是主需要读取内容,暂时还不需要读取样式什么的,但是我们还需要将 Markdown 里的图片链接在 pdf 里能直接显示。
我们需要安装 markdown-pdf 来实现文档转换,使用 node-fetch 来实现下载图片,并将图片展现在 pdf 上。
  1. pnpm add markdown-pdf node-fetch
复制代码
  1. node-fetch 是一个轻量级的模块,提供了一个类似于浏览器原生 fetch API 的接口,用于在 Node.js 环境中发起 HTTP 请求。这个库主要被设计用来使服务器端的代码能够以一种与前端开发者熟悉的方式来进行网络请求。
复制代码
接下来我们将编写一个简单的 NodeJs 脚本,并读取 markdown 文件,下载其中的图片,并将其转换为 PDF。
  1. import fs from "fs";
  2. import path from "path";
  3. import fetch from "node-fetch";
  4. import markdownPdf from "markdown-pdf";

  5. async function prepareMarkdown(inputFile, outputFile) {
  6.   let data = fs.readFileSync(inputFile, "utf8");
  7.   const regex = /!\[.*?\]\((.*?)\)/g;
  8.   let match;

  9.   while ((match = regex.exec(data)) !== null) {
  10.     const imageUrl = match[1];
  11.     const imageName = path.basename(imageUrl);
  12.     const imagePath = "./images/" + imageName;

  13.     // 确保 images 目录存在
  14.     const directory = path.dirname(imagePath);
  15.     if (!fs.existsSync(directory)) {
  16.       fs.mkdirSync(directory, { recursive: true });
  17.     }

  18.     // 下载图片,如果还未下载
  19.     if (!fs.existsSync(imagePath)) {
  20.       const response = await fetch(imageUrl);
  21.       const buffer = Buffer.from(await response.arrayBuffer());
  22.       fs.writeFileSync(imagePath, buffer);
  23.     }

  24.     // 替换 Markdown 中的图片链接为本地路径
  25.     data = data.replace(imageUrl, imagePath);
  26.   }

  27.   // 将替换后的 Markdown 写入到临时文件
  28.   fs.writeFileSync(outputFile, data);
  29. }

  30. // 将 Markdown 转换为 PDF
  31. async function markdownToPdf(inputFile, pdfFile) {
  32.   const tempFile = "moment.md";
  33.   await prepareMarkdown(inputFile, tempFile);
  34.   markdownPdf()
  35.     .from(tempFile)
  36.     .to(pdfFile, () => {
  37.       console.log("PDF 创建成功");

  38.       fs.unlinkSync(tempFile);
  39.     });
  40. }

  41. markdownToPdf("./如何将 NestJs 应用部署到 vercel.md", "./moment.pdf");
复制代码
在上面的这些代码中,首先使用正则表达式 regex 匹配 Markdown 文件中的图片链接格式
  1. ![xxx](url)
复制代码
。此正则表达式将捕获 Markdown 图片的 URL。
从 url 中解析文件名,创建本地存储路径,检查图片是否下载,如果没有下载则使用 fetch 获取图片内容保存到本地,并将图片路径写入到临时路径文件 outputFile。
之后将调用我们的 markdown-pdf 库来实现 markdown 转 pdf。
这个时候在我们终端中执行如下命令:
  1. node index.js
复制代码
最终执行效果如下图所示:

它给我创建了一个 images 路径,用于存放我们刚才下载到的图片,也为我们创建了一个 pdf 文件,它的最终效果如下图所示:

图片和我们编写的内容都能正常显示,那如果要给我们的内容中添加一些样式就非常好看了。

总结

通过上面的内容我们实现了一个 markdown 转 pdf 的过程,之后如果真的有需要的话,可以加入一些样式之类的,让我们的外观变得好看,我们也可以编写好一些 css 样式,让他成为我们编写简历的神器
到此这篇关于使用Nodejs编写一个脚本实现markdown转pdf功能的文章就介绍到这了,更多相关Nodejs markdown转pdf内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

来源:https://www.jb51.net/javascript/321064h38.htm
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

举报 回复 使用道具