前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >next添加支持pdf

next添加支持pdf

作者头像
Cell
发布2022-02-25 15:55:06
3180
发布2022-02-25 15:55:06
举报
文章被收录于专栏:Cell的前端专栏

最新的next主题已经更新了支持PDF功能,写法也和链接写法一样,可是我没有更新,我按github上那个readme试了一下好像不可以,所以用了另外一种插件的方法。

iframe(推荐)

1

<iframe src="/posts/next-pdf/1.pdf" style="width: 100%;height: 800px;"></iframe>

模板自带

今天(2019.4.3)又看了一下,改了写法,写法和插件一样,我在我的模板里也更新了。(插件模板二选一即可,个人更喜欢插件) 但是如果安装插件后,也是优先模板的pdf脚本解析pdf,所以在我的模板中把模板的pdf脚本先注释了。要启用去掉注释即可。

1 2 3 4 5 6 7 8 9

/* 'use strict'; function pdf(args) { return `<div class="pdf" target="${args[0]}" height="${args[1] || ''}"></div>`; } hexo.extend.tag.register('pdf', pdf, {ends: false}); */

pdf插件(推荐)

安装

1

npm install --save hexo-pdf

使用

1

{% pdf url %}

比如本文

1

{% pdf /posts/next-pdf/1.pdf %}

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018-11-09,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • iframe(推荐)
  • 模板自带
  • pdf插件(推荐)
    • 安装
      • 使用
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档