个人网站维护笔记（五）：Hexo内嵌PDF.js

由于hexo-pdf插件在移动端只能显示第一页，所以我之前只能再给PDF文件多放一个下载按钮，否则移动端就没法看谱子了。

今天偶然看到mozilla的PDF.js项目（演示：https://mozilla.github.io/pdf.js/web/viewer.html），就冲着它带着“js”的后缀，感觉是可以整合进网站的，于是啥也不懂的我开始拷问chatGPT，让它教我怎么把PDF.js用于个人的网站，最后感觉效果还不错，所以特此分享如下。

1. 去项目主页下载整个项目：https://mozilla.github.io/pdf.js/   （我下载的版本是：Stable (v3.4.120)）

2. 在\source下建立一个文件夹（我建了个文件夹叫“pdfjs”），把解压出来的文件放进去

3. 在.md文件的适当位置写入：

4. 最后在“_config.yml”文件中的skip_render下要包括:

然后就可以了！

效果展示：https://schenad.github.io/JohashiTrioV/

如果要全屏显示，直接加入一个按钮链接到前面“<iframe src=”之后的链接就行了，例如这个：https://schenad.github.io/pdfjs/web/viewer.html?file=/JohashiTrioV/Stay_Gold.pdf