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的。
有两点需要注意:
- 链接中需要包含文件名的后缀;
- 文件名最好由数字和字母组成,不要包含中文、空格或这特殊字符。解析时候容易出错。
再文章中添加pdf预览功能
PDF预览功能需要借助hexo-pdf插件实现。插件非常小巧方便,关于插件的安装和使用,插件作者已经在主页介绍的很详细了。
- hexo-pdf插件。通过npm安装,注意是在hexo根目录下执行该语句。
npm install --save hexo-pdf
- 应用。在文章合适位置插入代码。对于一般的PDF文件、Google Driver和Slideshare都可以使用
{% pdf 链接 %}
的形式,例如{% pdf http://7xov2f.com1.z0.glb.clouddn.com/bash_freshman.pdf %}
。对于一般的PDF文件也可以本地PDF。
参考
在博客配置和文章写作过程中,也参考以下文章:
【如何在网页中实现pdf在线预览】10分钟学会如何利用Hexo博客上传本地pdf文件并在线预览pdf
后记:在找解决方案的过程中,我按照惯性思维,“列出问题——百度”,发现自己好傻。百度网盘、阿里网盘、蓝奏云都是很棒的解决方案,这几年逛“52破解”的经理都白瞎了。总结来看,针对目前处境,提出一个合适的问题是非常重要的。我的问题是如何让分享给读者,让其下载。而非如何上上传到网站上,让读者下载,路走窄了。
本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!