【如何在网页中实现pdf在线预览】10分钟学会如何利用Hexo博客上传本地pdf文件并在线。。。

【如何在⽹页中实现pdf在线预览】10分钟学会如何利⽤Hexo博客上传本地pdf

⽂件并在线。。。

⽂章⽬录

1. 借助hexo框架快速⽣成pdf⽹页链接

需求：有时我们想上传本地的pdf⽂件到⽹页上，同时提供下载功能，这样在其他电脑也能浏览这个pdf⽂件

标本盒

1.0.1 具体⽅法

（1）在搭建好的hexo博客的根⽬录的source⽂件夹下新建⼀个⽂件夹，如file（⽤来存pdf⽂件），其实只要求pdf⽂件夹在source⽂件夹内

（2）终端博客根⽬录使⽤命令

hexo g

水褥子

（3）可以看到⽣成的pdf链接

（4）⽤hexo d把静态博客部署到远端

（5）⽤⽹址博客域名/file/ctex.pdf就可以访问这个pdf⽂件了

同样的道理把html⽂件、jpg⽂件放到file⽂件夹⾥也可以⽣成⽹页链接

立式干粉搅拌机当然别⼈可以通过你的github.io看到你所有的pdf⽂件，因为都是public的

1.0.2 添加hexo博客book导航栏

（1）新建book导航栏

hexo new page book

（2）在主题配置⽂件夹下添加

Book:

url: /book

导尿管原理icon: fas fa-book

（3）然后在book⽂件夹中的index.md中添加你⽣成的pdf⽂件链接即可2. 在hexo博客md⽂章中添加pdf⽂件预览功能

有时我们也需要在⽂章中添加⼀个pdf⽂件

在线预览pdf效果图

sudo cnpm i hexo-pdf -S

当铺网（2）在md⽂章中加⼊下⾯代码

触摸屏手套<br>

{% pdf p/file/test.pdf %}

<br>

写在最后：我的博客主要是对计算机领域所学知识的总结、回顾和思考，把每篇博客写得通俗易懂是我的⽬标，分享技术和知识是⼀种快乐，⾮常欢迎⼤家和我⼀起交流学习，有任何问题都可以在评论区留⾔，也期待与您的深⼊交流（＾∀＾●）

本文发布于:2024-09-23 03:24:24，感谢您对本站的认可！

标签：件夹预览知识添加问题

留言与评论（共有 0 条评论）