【hexo】添加pdf

写在前面

尝试在hexo中插入pdf,可在当前页面浏览【此处缺少效果图】

第一步

第二步

  • win+r

  • Ctrl+Shift+Enter 以管理员身份打开cmd

  • cd到hexo目录

  • $ npm install --save hexo-pdf 安装插件

第三步

插件提供三种方法

  • 第一种 Normal PDF 没成功

    • {% pdf http://7xov2f.com1.z0.glb.clouddn.com/bash_freshman.pdf %}
    • 第一个是链接引入,但是链接失效了,不知道咋搞的,先跳过
    • {% pdf http://7xov2f.com1.z0.glb.clouddn.com/bash_freshman.pdf %}
    • 第二个是引入本地pdf,看样子是放在hexo下某个位置,但是没试出来, so跳过(废×
  • 第二种 Google drive

    • {% pdf https://drive.google.com/file/d/0B6qSwdwPxPRdTEliX0dhQ2JfUEU/preview %}
    • 把文件传到云端硬盘,但是点开链接,发现需要申请访问权限emmmm
    • so跳过(废×
  • 第三种 SlideShare √take

SlideShare

示例
  • {% pdf http://www.slideshare.net/slideshow/embed_code/key/8Jl0hUt2OKUOOE %}

  • 复制其中链接可以直接开始浏览文件

Step 1 注册,上传文件
  • 访问http://www.slideshare.net(需要魔法访问)
  • 用Google账号注册,登录
  • 右上角Upload,将文件拖拽到指定区域,随便填写一些信息上传
  • 上传成功后点击右上角个人头像,打开My Uploads,点开刚刚上传得到pdf,苯人的第一次试验文件链接是https://www.slideshare.net/slideshow/linux-saveqimo-dontlook-thanku-testhexo2024-pdf/270211532,可以看到文件名有显示出来,但是这个链接跟上面的示例不是一个格式,用这个链接多次尝试也无法在hexo s显示
  • 【因为苯人还不会插本地图片【感谢好友hsad提醒^^文件上传】】所以此处缺少很多示例图片
Step 2 提取可访问链接
  • https://www.slideshare.net/slideshow/linux-saveqimo-dontlook-thanku-testhexo2024-pdf/270211532 ,找到【…】按钮,选择share,复制Embed部分内容

    复制内容如下:

  • <iframe src="https://www.slideshare.net/slideshow/embed_code/key/3CgGrJHCWZ1orO?startSlide=1" width="597" height="486" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px;max-width: 100%;" allowfullscreen></iframe><div style="margin-bottom:5px"><strong><a href="https://www.slideshare.net/slideshow/linux-saveqimo-dontlook-thanku-testhexo2024-pdf/270211532" title="Linux-saveQiMo-dontLook-thanku-testhexo2024.pdf" target="_blank">Linux-saveQiMo-dontLook-thanku-testhexo2024.pdf</a></strong> from <strong><a href="https://www.slideshare.net/1300672728" target="_blank">1300672728</a></strong></div>

  • 在这一大串东西里面有一串可疑链接,跟示例很像,遂提取出来:

  • https://www.slideshare.net/slideshow/embed_code/key/3CgGrJHCWZ1orO?startSlide=1【这个startSlide留着也行】

Step 3 插件使用与测试
  • {% pdf https://www.slideshare.net/slideshow/embed_code/key/3CgGrJHCWZ1orO?startSlide=1 %}
  • 然后本地和github page测试,都可以显示【此处暂缺少效果图hhh】,over了

写在后面

  • Copyrights © 2024-2025 brocademaple
  • 访问人数: | 浏览次数:

      请我喝杯咖啡吧~

      支付宝
      微信