hexo中插入PDF
发表于|更新于|教程
|浏览量:
安装 hexo-pdf
1 | npm install --save hexo-pdf |
本地 PDF 引用
最简单的引用方法:把相应 pdf 文件存到source 文件夹下,引用格式为:
1 | {% pdf /引用文档名字.pdf %} |
当然,你也可以新建一个文件夹方便管理 PDF 文档()在这里我主要参考了https://www.jianshu.com/p/cccc7058a08c,但是它并没有解决问题 orz 经过苦逼的尝试发现缺少/
也就是说,方法为:
xxxxxxxxxx .md 文件中的 HTML 代码要用 和 包起来,使其能正确编译里面的代码。markdown
1 | {% pdf /pdf/xxx.pdf %} |
尝试后可以看到,hexo-pdf 对 PDF 文档展示效果非常不错 lol
文章作者: 与亓
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 与亓のBlog!
相关推荐
2022-06-17
Butterfly主题添加一图流背景与顶部图修改
介绍本文将会详细介绍一图流背景与顶部图的修改过程。 设置图片这个是 Butterfly 自带的功能,修改主题的配置文件 _config.butterfly.yml。 编辑 index_img、background、footer_bg 选项。设置网站背景,并将主页顶部图和页脚背景改为透明。(需要将以下示例地址替换为自己的图片地址。) 12345678910111213141516# Image (圖片設置)# --------------------------------------# The banner image of home pageindex_img: transparent# Beautify/Effect (美化/效果)# --------------------------------------# Website Background (設置網站背景)# can set it to color or image (可設置圖片 或者 顔色)# The formal of image:...
2023-11-30
Butterfly主题添加本地搜索功能
安装插件: 1npm install hexo-generator-search --save 修改_config.yml文件,添加以下内容 123456# 添加本地搜索search: path: search.xml field: post content: true format: html 修改_config.butterfly.yml文件,添加以下内容 12345678910# Local searchlocal_search: enable: true # Preload the search data when the page loads. preload: false # Show top n results per article, show all results by setting to -1 top_n_per_article: 1 # Unescape html strings to the readable one. unescape: false CDN:
2023-03-06
Hexo博客部署到云服务器
将Hexo部署到云服务器为了解决Hexo部署到 GitHub 访问速度慢的问题,我们可以将Hexo部署到云服务器上。 这篇博客使用宝塔面板将Hexo部署到阿里云服务器上。 前提 已经搭建好 hexo 的相关环境,并将 hexo 部署到了 GitHub 上 已经购买好云服务器 已经购买并备案好域名 (可选项,没有也可以用 ip 地址访问 hexo) 安装宝塔面板宝塔面板可以可视化地操作远端服务器(这样就不用自己手动装 nginx 了) 进入宝塔面板的下载页面 宝塔面板下载 ,找到 Linux 面板,点击安装脚本 (如果买的服务器是 Windows 的就点 Windows 的) 根据自己服务器的类型,复制对应的代码 进入阿里云的控制台,选择自己的云服务器,点击登录,进入终端。 粘贴刚才复制的代码,回车,一路确认。 在浏览器中访问外网面板地址,使用宝塔提供的用户名和密码登录。 进入面板后,点击一键安装 LNMP。就能直接将 Nginx,MySQL 等网站所需内容一键安装好。 安装并配置 Git 仓库在远程服务器上配置好 Git 仓库后,才能将本地的 hexo push...
2022-06-10
Hexo建立一个独立的HTML页面
Hexo 是一个轻量、快速,简单和强大的博客框架,当我们需要发布博文的时候,只需要将写好的文章(MarkDown 文件)放入本地的 \source\_posts 文件夹,然后再推送上去就行了,原理就是当我们在执行 hexo g 命令时,.md 文件就会被转化成 HTML 文件,但是有时候我们需要新建一个独立的页面,这个页面不使用主题的渲染,具有自己独立的样式,可以放一些自己的作品,相册什么的,以下就介绍这种独立页面的实现方法。 方法一:使用 Hexo 提供的跳过渲染配置,在博客根目录的配置文件 _config.yml 里找到 skip_render 关键字,在后面添加想要跳过渲染的页面,比如我们创建 \source\about\index.html, 配置文件填写:skip_render: about\**,那么就表示 \source\about 里所有的文件将跳过渲染,里面的文件将会被直接复制到 public 文件夹,此时就会得到一个独立的 about 页面;官方文档:https://hexo.io/docs/configuration 方法 2在文章头部的...
2022-06-07
Hexo搭建
一、前言作为基础教程,本文以本地搭建 Hexo 环境生成静态文件推送到 GitHub 仓库并使用 GitHub Pages 托管为例,了解了基本流程后,后续您可以更换自己喜欢的主题、使用其他平台托管网站等等 二、简介Hexo 是一款基于 Node.js 快速、简洁且高效的博客框架,通过 Node.js 将本地的每一篇 Markdown 文章渲染成 html 网页文件,这样我们的博客就是纯静态的网页,如果我们需要修改文章直接修改对应的 Markdown 文件再重新生成静态网页就好了。Node.js 默认的包管理器是 npm ,笔者 建议使用 yarn 做为 Hexo 的包管理器,当然根据自己喜好即可。如果使用 Git 管理文章的话,就不用担心文章丢失了,也可以随意回滚版本,这属于 Git 的范畴,本文不做深入讨论。 Hexo 官方页面 三、准备工作 一个域名(最好有 最好备案) 一台电脑并且联网 一个 github 账号 一个腾讯云账号 四、本地安装1、安装 node.js、git Node.js (Node.js 版本需不低于 10.13,建议使用 Node.js 12.0...
2023-03-03
备份Hexo博客到开源仓库
本教程以 gitee 举例,GitHub 同理。 创建 gitee 仓库直接 gitee 官网右上角创建仓库即可,名字什么的自定义,最好创建私人仓库。 初始化本地仓库在本地 hexo 目录运行命令行 输入 1git init 然后输入 1git remote add origin git@gitee.com:yuqi15/blog-backup.git 注意:这里是使用你自己创建仓库的链接,刚创建好会在页面上提示 上传到 gitee依次在命令行里面运行下面命令 123git add .git commit -m "update"git push origin master --force 运行成功就上传完成了 新设备恢复 hexo 博客1、安装 node 2、安装 Git 3、在你需要恢复博客的文件夹里面使用命令行执行 123cnpm install hexo-cli -ggit clone 你备份的仓库地址cnpm install