lapt BlogPostsTagsGallerydemogameLeetCode
hexo页面中嵌入PDF

使用 pdf.js

教程看的这个人的

总之就是把源文件放在根目录 sorce 中，然后记得在根目录 config 中设置，这样就不会渲染这个文件夹了

1
2
3
4
skip_render:
  - "HTML/**"
  - "pdfjs/**"
  - "pdfjs/*"

（官方不支持外链PDF）源码也是用这个人的

链接格式

src="/pdfjs/web/viewer.html?file=https://cdn.jsdelivr.net/gh/laptype/cloud/svm%20%E7%AC%94%E8%AE%B0.pdf"

hexo 中加入pdf （不用了）

  1. 安装 npm install --save hexo-pdf

  2. 在正常的 md 文件中添加 {% pdf ./pdf名字.pdf %}

  3. 例：

    1
    {% pdf https://cdn.jsdelivr.net/gh/laptype/cloud/svm%20%E7%AC%94%E8%AE%B0.pdf %}

  4. 但是这样只有chrome可以正常浏览，edge是不行的。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <body>
    	<iframe	src="https://gcore.jsdelivr.net/gh/laptype/cloud@main/svm%20%E7%AC%94%E8%AE%B0.pdf"
    			marginwidth='0' marginheight='0'
    			width = 100% height = 650px
    	        frameborder = "0" name = "testpage"
    			visibility:inherit
    			z-index:1
    	        scrolling = "no">
    	</iframe>
    </body>

效果

附：github 改造成OSS对象存储

  1. 创建一个仓库
  2. push 一个文件
  3. 使用免费的 jsdelivr CDN
  4. https://cdn.jsdelivr.net/gh/前缀+laptype/cloud用户名和仓库名+文件名和文件夹名
  5. 例：https://cdn.jsdelivr.net/gh/laptype/cloud/svm%20笔记.pdf
  6. https://cdn.jsdelivr.net/gh/laptype/cloud/svm 笔记.pdf
  7. 不能用就改成gcore.jsdelivr.net/gh/
hexo