hugo独立博客里内嵌PDF阅读

使用hugo建立了个人独立博客 shenlb.me,然后开始各种折腾。

这次想在文章里嵌入PDF,让阅读体验更好一些。

anvithks提供了一个方案,过程是这样的:

(1)下载主题

https://github.com/anvithks/hugo-embed-pdf-shortcode.git 下载主题的zip压缩包,把内容放在 slb-blog/themes 文件夹下,记得修改文件夹名称为 hugo-embed-pdf-shortcode

(2)修改hugo.yaml

复制代码
theme: ["PaperMod", "hugo-embed-pdf-shortcode"]

(3)把 slb-blog/themes/hugo-embed-pdf-shortcode/layouts/shortcodes/embed-pdf.html 复制到自己的文件夹 slb-blog/layouts/shortcodes 下,如果shortcodes 文件夹不存在,就自己创建一个。

注意:据说这里有一个小BUG,需要修改文件里的这一行内容:

复制代码
<script src= '/js/pdf-js/build/pdf.js'></script>

(4)把 slb-blog/themes/hugo-embed-pdf-shortcode/static/js/pdf-js/ 这个文件夹复制到自己的 slb-blog/static/js 文件夹之下。

(5)现在可以在文章里使用短代码嵌入PDF

复制代码
{{< embed-pdf url="/shenlb.me.pdf" >}}

(6)效果展示

每天写给孩子一页纸

参考文章:

https://github.com/anvithks/hugo-embed-pdf-shortcode.git

https://discourse.gohugo.io/t/embed-pdf-file-into-a-page-or-post-papermod-theme/36440

相关推荐
wh393313 小时前
使用Python将PDF转换成word、PPT
python·pdf·word
开开心心就好1 天前
免费PDF处理软件,支持多种操作
运维·服务器·前端·spring boot·智能手机·pdf·电脑
念九_ysl1 天前
Java 使用 OpenHTMLToPDF + Batik 将含 SVG 遮罩的 HTML 转为 PDF 的完整实践
java·开发语言·pdf
一头生产的驴2 天前
java整合itext pdf实现自定义PDF文件格式导出
java·spring boot·pdf·itextpdf
开开心心就好3 天前
批量PDF转换工具,一键转换Word Excel
开发语言·前端·学习·pdf·电脑·word·excel
老家的回忆3 天前
jsPDF和html2canvas生成pdf,组件用的elementplus,亲测30多页,20s实现
前端·vue.js·pdf·html2canvas·jspdf
Vertira3 天前
pdf 合并 python实现(已解决)
前端·python·pdf
十一0829933 天前
【PDF-XSS攻击】springboot项目-上传文件-解决PDF文件XSS攻击
spring boot·pdf·xss
qq_393828223 天前
PDF的图片文字识别工具
windows·pdf·电脑·软件需求·图片处理
wsxqaz3 天前
浏览器原生控件上传PDF导致hash值不同
算法·pdf·哈希算法