Hexo博客 | 一个插件，Hexo也可以展示PDF

已于 2022-03-13 14:40:52 修改
阅读量2.2k 收藏 7
点赞数 1
分类专栏： 博客相关 折腾记录 文章标签： node.js javascript
于 2020-07-11 21:54:01 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43701912/article/details/107291518
版权

文章目录

我的博客https://blog.justlovesmile.top
hexo-pdf插件一键搞定，页面展示PDF

安装hexo-pdf

npm install --save hexo-pdf

使用

使用本地资源，可以在markdown文件路径下创建一个同名文件夹，其内放pdf文件
例如：

在需要的文章添加如下语句：

{% pdf mydocument.pdf %}

使用外部资源同理，

{% pdf https://cdn.jsdelivr.net/gh/Justlovesmile/CDN/pdf/小作文讲义.pdf %}

效果

JUST LOVE SMILE
关注
专栏目录
Hexo博客优化之内容编辑
huangpiao
01-26 4144
前言 之前介绍了Hexo博客平台的搭建，这次我们来看看博客内容怎么编辑。Hexo要求博客必须用Github风格的Markdown语言进行编辑，因此我们就需要了解文字、图片、公式等内容的编辑和排版方式。其中，图片的存储需要利用云服务器的对象存储服务或者图床，下面会具体介绍。 1. Markdown编辑器 既然Markdown是一门语言，那么与之对应的就有很多种编辑器，不仅如此，Markdow...
推荐项目：Hexo-PDF —— 让博客轻松嵌入PDF，丰富你的知识分享体验！
最新发布
gitblog_00075的博客
06-12 337
推荐项目：Hexo-PDF —— 让博客轻松嵌入PDF，丰富你的知识分享体验！ 项目地址:https://gitcode.com/superalsrk/hexo-pdf 在数字化时代，知识的分享和传播方式变得日益多样。对于博主和内容创作者而言，能够直接在文章中插入PDF文档无疑是一个提升阅读价值与互动性的强大功能。今天，我们来深入探讨一款为 Hexo 博客框架量身定制的插件——Hexo-PDF，它...
hexo-pdf:hexo的pdf生成器插件
06-07
hexo-pdf hexo的pdf生成器插件 注意 由于以下原因，此 repo 不再可用： Hexo.js 已经升级到 3.0 版本，与 2.8.3 版本兼容性不好。 很难仅解析帖子的内容而没有其他多余的主题。 似乎是一个更好的选择。
hexo 博客添加pdf 插件
weixin_34293911的博客
09-04 703
我博客原文地址：http://www.hiekay.com/2018/09/06/%E6%8F%92%E4%BB%B6/ 一、安装插件 npm install --save hexo-pdf 二、配置 创建 book 页面 hexo new page book 三、编写 在成的md文件中添加pdf 外部...
hexo中插入pdf
longlongqin的博客
03-21 2314
法1：安装hexo-pdf插件法2：利用html语法：可以轻松设定尺寸why? 我的本地浏览成功。但在线上却是一片空白。希望只有我一个人是这样吧安装hexo-pdf插件hexo-pdfHexo tag for embeded pdfInstall1 $ npm install --save hexo-pdf Normal PDFpdf链接1 {% pdf http://7xov2f.com1.z0...
如何在hexo博客中在线阅读pdf
冰山一树Sankey的博客
03-08 1602
如何在hexo博客中在线阅读pdf 前言 我这里是matery主题，其他主题的可参照相应思路进行修改 有一些资料或者笔记是pdf版本的，如果想要放在博客中进行阅读，那么就得将其转换为markdown格式或者html格式。但是这样转换后，其原pdf的格式就会混乱了，排版将会变得很困难，不过一山更比一山高，由mozilla支持的在线pdf阅读插件就可让我们在网页中进行pdf的阅读。 这是官方的示例 那么我们该怎么使用呢？ 下载 要使用那么最基础的就是我们要先下载，直接去官网在线pdf阅读插件下载官方已经
完整的 Hexo 整合 pdf.js 过程（亲测有效！）
x-dragon8899的博客
03-16 1935
文章目录前言1、安装 hexo-pdf2、修改项目的 _config.yml配置3、在source\_posts下创建目录，放入pdf文件4、创建与上面目录相同名的md文件5、保存启动即可6、预览效果 前言 这段时间想要在线预览自己的PDF，于是在网上找了许多相关的资料，发现都是不齐全的，自己尝试了许久，才摸索出完整的 hexo整合pdf.js过程！给大家提供个参考，有什么问题可留言交流~ 1、安装 hexo-pdf npm install --save hexo-pdf 2、修改项目的 _confi
Hexo + github page 实现搭建博客.pdf
08-20
Hexo还支持主题配置，通过安装不同的主题来定制博客的外观和功能，比如NexT主题就是Hexo的一个流行主题，它提供丰富的配置选项和插件支持。 在搭建博客过程中，还需要生成SSH密钥，并将其公钥添加到GitHub账户中。...
用Hexo搭建个人博客共7页.pdf.zip
10-31
7. **插件和扩展**：推荐一些常用的Hexo插件，如SEO优化插件、评论系统插件等，以及如何安装和配置它们。 8. **博客盈利策略**：“赚钱项目”可能意味着这部分会讨论如何利用博客赚取收入，包括联盟营销、广告网络...
hexo post中pdf文件的插入
Achang的博客
02-22 1053
文章目录插入URL链接的pdf方法一方法二 插入URL链接的pdf 方法一 首先安装hexo-pdf，$ npm install --save hexo-pdf {% pdf 你的链接 %} 示例： {% pdf https://cloud.tsinghua.edu.cn/f/952edbd1e02d409cbd01/ %} 这个方法不仅支持pdf，ppt格式也支持。 方法二 使用iframe的HTML代码块进行插入 示例： <object data="https://cloud.tsingh
【如何在网页中实现pdf在线预览】10分钟学会如何利用Hexo博客上传本地pdf文件并在线预览pdf
捡起一束光的博客
02-29 4297
文章目录1. 借助hexo框架快速生成pdf网页链接1.0.1 具体方法1.0.2 添加hexo博客book导航栏2. 在hexo博客md文章中添加pdf文件预览功能 1. 借助hexo框架快速生成pdf网页链接 需求：有时我们想上传本地的pdf文件到网页上，同时提供下载功能，这样在其他电脑也能浏览这个pdf文件 1.0.1 具体方法 （1）在搭建好的hexo博客的根目录的source文件夹...
使用 Github 空间搭建 Hexo 技术博客——Hexo NexT主题内添加pdf 插件（十一）
EnjoyToShare | 资源分享平台
03-10 2155
需求： 希望能在GitHub搭建的博客中上传本地PDF文件，同时提供下载功能。 一、安装插件 npm install --save hexo-pdf next/_config.yml中修改此处：打开pdf pdf: enable: true # Default height height: 500px pdfobject: # Use 2.1.1 as def...
hexo 嵌入PDF
weixin_45954124的博客
04-11 374
npm install --save hexo-pdf 注意位置是在 public打包文件下的博客为起始位置的 {% pdf 路径.pdf %}
Hexo 页面中嵌入豆瓣插件展示豆瓣图书电影
CodeRain的博客
11-29 508
效果 安装 npm install hexo-douban --save 配置 在博客站点的配置文件 _config.yml 中添加以下内容(注意：不是主题的配置文件) # 豆瓣 douban: id: 191537030 book: path: books/index.html title: 'CodeRain 的书架' quote: '' movie:...
Hexo搭建
想带你去遥远的屿
09-20 311
文章目录[Hexo]gitee+coding+阿里云服务器三线部署hexo博客准备工作流程Git和nodejs安装及环境变量配置下载资源安装hexo部署GiteeCoding阿里云服务器ECS安装宝塔面板配置服务器git后续解决hexo d输密码问题Coding构建计划好像可以hexo d后自动部署gitee通过Hexo Gitee Pages 自动部署站点后续解决hexo d输密码问题Coding构建计划好像可以hexo d后自动部署gitee通过Hexo Gitee Pages 自动部署站点 [Hexo
GitHub中Hexo next主题下搭建的博客中增加PDF插件
1/0=∞
05-30 4797
需求：希望能在GitHub搭建的博客中上传本地PDF文件，同时提供下载功能。实现：网上有大神已经写好一个插件，具体实现如下：在博客bash中执行下列命令安装$ npm install --save hexo-pdf      2.使用2. 使用外部文章网页链接{% pdf http://7xov2f.com1.z0.glb.clouddn.com/bash_freshman.pdf %} 本地，即...
【工具】用hexo搭建博客
weixin_30847865的博客
12-11 107
2016-10-05 前言 趁着十一放假有大量的自由时间，百度了一下如何用hexo搭建博客，这里记录一下过程，顺便测试一下七牛云存储。 技术变化太快，整个搭建过程不保证永久有效。 搭建博客 操作系统：win10 Node: v6.2.0 x64 Git: 2.10.1 x64 Hexo的参考文档：极客学院翻译的Hexo 中文文档 这篇文章：使用hexo搭建...
快速搭建Hexo博客全攻略
Hexo是一个基于Node.js的快速、简洁且高效的博客框架，它使用Markdown或者其他渲染引擎解析文章，并能够迅速生成静态网页，提供多种美观的主题供用户选择。通过简单的配置和操作，用户可以轻松地搭建自己的个人博客...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

JUST LOVE SMILE

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值