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

已于 2022-03-13 14:40:52 修改
阅读量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
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
hexo-pdf:hexo的pdf生成器插件
06-07
hexo-pdf hexo的pdf生成器插件 注意 由于以下原因，此 repo 不再可用： Hexo.js 已经升级到 3.0 版本，与 2.8.3 版本兼容性不好。 很难仅解析帖子的内容而没有其他多余的主题。 似乎是一个更好的选择。
用Hexo搭建个人博客共7页.pdf.zip
10-31
Hexo是一个快速、简洁且高效的静态站点生成器，尤其适合用来构建个人博客。它基于Node.js，通过简单的配置和Markdown语法，可以轻松地将文字内容转化为美观的网页。 【描述】: "用Hexo搭建个人博客共7页.pdf.zip" ...
探索 Hexo 的强大插件：Hexo-Generator-Search
gitblog_00088的博客
04-19 268
探索 Hexo 的强大插件：Hexo-Generator-Search 项目地址:https://gitcode.com/wzpan/hexo-generator-search 项目简介 Hexo-Generator-Search 是一个为 Hexo 构建的搜索引擎生成器。如果你是 Hexo 博客的用户，想要在你的站点中添加一个高效、自托管的搜索功能，那么这个项目就是你需要的解决方案。 技术分析 ...
hexo 博客添加pdf 插件
hiekay的博客
09-04 4373
一、安装插件 npm install --save hexo-pdf 二、配置 创建 book 页面 hexo new page book 三、编写 在成的md文件中添加pdf 外部链接： {% pdf http://7xov2f.com1.z0.glb.clouddn.com/bash_freshman.pdf %} 本地连接： {% pdf ./pdf名字...
如何在hexo博客中在线阅读pdf
冰山一树Sankey的博客
03-08 1515
如何在hexo博客中在线阅读pdf 前言 我这里是matery主题，其他主题的可参照相应思路进行修改 有一些资料或者笔记是pdf版本的，如果想要放在博客中进行阅读，那么就得将其转换为markdown格式或者html格式。但是这样转换后，其原pdf的格式就会混乱了，排版将会变得很困难，不过一山更比一山高，由mozilla支持的在线pdf阅读插件就可让我们在网页中进行pdf的阅读。 这是官方的示例 那么我们该怎么使用呢？ 下载 要使用那么最基础的就是我们要先下载，直接去官网在线pdf阅读插件下载官方已经
hexo中插入pdf
longlongqin的博客
03-21 2298
法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.js 过程（亲测有效！）
x-dragon8899的博客
03-16 1807
文章目录前言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 post中pdf文件的插入
Achang的博客
02-22 961
文章目录插入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
基于Hexo博客框架搭建的多个静态博客源码.zip
06-02
基于Hexo博客框架搭建的多个静态博客源码.zip基于Hexo博客框架搭建的多个静态博客源码.zip基于Hexo博客框架搭建的多个静态博客源码.zip基于Hexo博客框架搭建的多个静态博客源码.zip基于Hexo博客框架搭建的多个静态...
Hexo + github page 实现搭建博客.pdf
08-20
Hexo + github page 实现搭建博客.pdf
基于Hexo主题的一个博客系统源码
05-25
源码为基于Hexo主题的一个博客系统，界面简洁大气，非常适合搭建个人博客。 Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。
使用 Github 空间搭建 Hexo 技术博客——Hexo NexT主题内添加pdf 插件（十一）
EnjoyToShare | 资源分享平台
03-10 2125
需求： 希望能在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 —— 让博客轻松嵌入PDF，丰富你的知识分享体验！
最新发布
gitblog_00075的博客
06-12 262
推荐项目：Hexo-PDF —— 让博客轻松嵌入PDF，丰富你的知识分享体验！ 项目地址:https://gitcode.com/superalsrk/hexo-pdf 在数字化时代，知识的分享和传播方式变得日益多样。对于博主和内容创作者而言，能够直接在文章中插入PDF文档无疑是一个提升阅读价值与互动性的强大功能。今天，我们来深入探讨一款为 Hexo 博客框架量身定制的插件——Hexo-PDF，它...
hexo 嵌入PDF
weixin_45954124的博客
04-11 343
npm install --save hexo-pdf 注意位置是在 public打包文件下的博客为起始位置的 {% pdf 路径.pdf %}
【如何在网页中实现pdf在线预览】10分钟学会如何利用Hexo博客上传本地pdf文件并在线预览pdf
捡起一束光的博客
02-29 4124
文章目录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文件夹...
Hexo 页面中嵌入豆瓣插件展示豆瓣图书电影
CodeRain的博客
11-29 494
效果 安装 npm install hexo-douban --save 配置 在博客站点的配置文件 _config.yml 中添加以下内容(注意：不是主题的配置文件) # 豆瓣 douban: id: 191537030 book: path: books/index.html title: 'CodeRain 的书架' quote: '' movie:...
Hexo搭建
想带你去遥远的屿
09-20 303
文章目录[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
hexo nodejs
09-18
Hexo是一个基于Node.js的静态博客生成器，使用简单、灵活且安装方便。Node.js是一个开源的JavaScript运行时环境，可以让开发者使用JavaScript编写后端服务和工具。 Hexo的主要特点有以下几个： 1. 静态网页生成：Hexo采用静态网页生成的方式，将文章内容和其他资源（如图片、样式表等）预先生成成静态网页，然后存储在硬盘上。这样一来，浏览器访问网页时不需要对数据库进行查询和动态生成，速度更快。 2. Markdown支持：Hexo使用Markdown作为文章的写作格式，Markdown是一种简洁易读的标记语言，适合写作纯文本。Hexo会将Markdown格式的文章转换成HTML网页。 3. 主题插件：Hexo提供了大量的主题和插件，可以让你的博客拥有独特的外观和功能。可以通过简单的配置以及HTML和CSS的定制来打造个性化的博客。 4. 快速部署：Hexo支持直接将生成的静态网页部署到各种网站托管平台，如GitHub Pages、Netlify等，可以很方便地将你的博客发布到互联网上。 Node.js是Hexo的基础，它提供了强大的API和丰富的库，使得Hexo的开发和扩展更加便捷。同时，Node.js也提供了高效的事件驱动和非阻塞I/O模型，使得Hexo具备了出色的性能和可扩展性。 总结起来，Hexo是一个基于Node.js的静态博客生成器，拥有简单易用、灵活和高性能的特点。通过Hexo，可以方便地创建、撰写和发布个性化的博客网站。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

JUST LOVE SMILE

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

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

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

打赏作者

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

抵扣说明：

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

余额充值