next添加支持pdf - 菠菜眾長

Lruihao 收录于 Memo

2018-11-09 约 284 字预计阅读 1 分钟 - 次阅读 - 条评论

目录

警告

本文最后更新于 2022-04-01，文中内容可能已过时。

最新的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 %}

Buy me a coffee~

赞赏

Lruihao 支付宝

支付宝

Lruihao 微信

微信