Vuepress文章转pdf

原创

P轴

发布于 2022-11-14 11:48:09

2.5K0

发布于 2022-11-14 11:48:09

文章被收录于专栏：P轴P轴

前言

vuepress原始文件是markdown文件，生成的web页面时html，如果想保存为pdf有2类方法。版本说明： "vuepress": "^1.9.7" https://www.npmjs.com/及github上搜索的工具/插件

#1. md文件转pdf

#vuepress2pdf

不能使用 https://github.com/chbndrhnns/vuepress2pdf

#vuepress-plugin-export

https://github.com/ulivz/vuepress-plugin-export

#vuepress-plugin-export-pdf

https://www.npmjs.com/package/@condorhero/vuepress-plugin-export-pdf

本地转换，速度快
导出的是整个站点docs目录下所有的文章合并为一个pdf文件
样式比较乱，有些vuepress特有的语法不支持

#2. html转pdf

样式可以与网页显示一致

#mr-pdf推荐

支持docusaurus, vuepress, mkdocs

https://github.com/kohheepeace/mr-pdf

注意：

本地开发url要使用http://127.0.0.1:端口号
标题不支持中文, 报'xxx' 不是内部或外部命令，也不是可运行的程序
速度会慢一些，转换一个网页大约需要 10s
修改了文件名以及导出时去掉评论

npx mr-pdf --initialDocURLs="http://127.0.0.1:8080/3.html" --contentSelector="main" --paginationSelector=".page-nav .next a" --excludeSelectors="header.navbar,aside.sidebar,footer.page-edit .edit-link,.global-ui,.page-nav,.comments-wrapper" --coverImage="https://vuepress.vuejs.org/hero.png" --coverTitle="PanXin's notes" --coverSub="FAW" --outputPDFFilename="panxin-note.pdf"

复制代码

#优化

使用python脚本，这样每次只需要复制粘贴下url即可

import subprocess
url = input("请输入url: ")
url=url.replace("localhost","127.0.0.1")
name = url.split(".")[-2].split("/")[-1]
print(name)
cmd = "npx mr-pdf --initialDocURLs="+url+ ' --contentSelector="main" --paginationSelector=".page-nav .next a" --excludeSelectors="header.navbar,aside.sidebar,footer.page-edit .edit-link,.global-ui,.page-nav,.comments-wrapper" --coverImage="https://vuepress.vuejs.org/hero.png" --coverTitle="PanXin\'s notes" --coverSub="FAW" --outputPDFFilename='+ name+".pdf"
print(cmd)
subprocess.Popen(cmd,cwd="C:\\Users\\PanXin\\Desktop\\test",shell=True)

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

https