Hexo博客上传本地文件以及实现PDF预览

写博文的时候想把我的计算过程文件上传到网站,供读者下载检查。发现了这个CSDN博主“白马金羁侠少年”的《【如何在网页中实现pdf在线预览】10分钟学会如何利用Hexo博客上传本地pdf文件并在线预览pdf》。本文完全照搬原文,用于本地备忘。

上传本地文件

只需要把文件放在source文件下,再使用hexo d部署时,文件会自动被上传到Github上。为了便于文件管理和组织,可以在source文件下新建file文件夹用于分类存储文件。

使用hexo d部署后,文件的链接是博客域名/file/文件名,例如我这次上传的文件链接就是https://lizhening.github.io/document/2020EF.pdf。之后就可以访问这个pdf文件了,同样的道理把html文件、jpg文件等其他文件放到file文件夹里也可以生成网页链接。当然别人可以通过你的github.io看到你所有的pdf文件,因为都是public的。

有两点需要注意:

  1. 链接中需要包含文件名的后缀;
  2. 文件名最好由数字和字母组成,不要包含中文、空格或这特殊字符。解析时候容易出错。

再文章中添加pdf预览功能

PDF预览功能需要借助hexo-pdf插件实现。插件非常小巧方便,关于插件的安装和使用,插件作者已经在主页介绍的很详细了。

  1. hexo-pdf插件。通过npm安装,注意是在hexo根目录下执行该语句。npm install --save hexo-pdf
  2. 应用。在文章合适位置插入代码。对于一般的PDF文件、Google Driver和Slideshare都可以使用{% pdf 链接 %}的形式,例如{% pdf http://7xov2f.com1.z0.glb.clouddn.com/bash_freshman.pdf %}。对于一般的PDF文件也可以本地PDF。

参考

在博客配置和文章写作过程中,也参考以下文章:
【如何在网页中实现pdf在线预览】10分钟学会如何利用Hexo博客上传本地pdf文件并在线预览pdf

后记:在找解决方案的过程中,我按照惯性思维,“列出问题——百度”,发现自己好傻。百度网盘、阿里网盘、蓝奏云都是很棒的解决方案,这几年逛“52破解”的经理都白瞎了。总结来看,针对目前处境,提出一个合适的问题是非常重要的。我的问题是如何让分享给读者,让其下载。而非如何上上传到网站上,让读者下载,路走窄了。