個人網(wǎng)站維護筆記(五):Hexo內(nèi)嵌PDF.js
由于hexo-pdf插件在移動端只能顯示第一頁,所以我之前只能再給PDF文件多放一個下載按鈕,否則移動端就沒法看譜子了。
今天偶然看到mozilla的PDF.js項目(演示:https://mozilla.github.io/pdf.js/web/viewer.html),就沖著它帶著“js”的后綴,感覺是可以整合進網(wǎng)站的,于是啥也不懂的我開始拷問chatGPT,讓它教我怎么把PDF.js用于個人的網(wǎng)站,最后感覺效果還不錯,所以特此分享如下。
去項目主頁下載整個項目:https://mozilla.github.io/pdf.js/? ?(我下載的版本是:Stable (v3.4.120))
在\source下建立一個文件夾(我建了個文件夾叫“pdfjs”),把解壓出來的文件放進去
在.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
標簽: