next 添加支持 pdf | 菠菜眾長

Lruihao 收录于 Memo

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

目录

注意

本文最后更新于 2023-11-30，文中内容可能已过时。

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

1 iframe(推荐)

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

2 模板自带

今天（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});
*/

3 pdf 插件 (推荐)

3.1 安装

1
npm install --save hexo-pdf

3.2 使用

1
{% pdf url %}

比如本文

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

相关内容

Buy me a coffee~

赞赏

Lruihao 支付宝

支付宝

Lruihao 微信

微信