Hexo一些实用的插件

2023-11-09

Hexo的插件真是个好东西!一开始部署博客的时候并没有太在意插件的问题,毕竟觉得博客主题自带的插件挺全面的,足够使用了。但是用久了总是会腻,就想着静态博客能不能整一些新操作,即使只是添加点小功能。于是就翻了翻 Hexo 的插件目录,挑了些比较有用的插件,拿出来做个总结,同时也是为了方便以后使用做的一个简单记录。

管理员界面

插件是hexo-admin,效果是一个类似CodiMD编辑页面的“管理控制台”,可以实时编辑预览Markdown文章,修改tag,从剪贴板粘贴图片到文章等操作。注意:仅用于hexo s状态下的博客实例。

文章加密

插件是hexo-blog-encrypt,使用前须在站点配置文件加入以下内容:

encrypt:
    enable: true

随后在文章的开头部分加入password:字段设置密码即可。

同时,配合abstract:字段和message:字段可以设置对无密码人的提示信息。同时注意不要设置toc。

中英文自动空格

插件为hexo-filter-auto-spacingnpm install --save之后就可以用,无需手动设置。

插入行内JS/CSS/图片

插件为hexo-filter-inline-assets

站点设置:

inline_assets:
    enabled: true
    limit: 100000

随后引入:

<link rel="stylesheet" href="css/main.css?__inline=true">
<script src="myscript.js?__inline=true"></script>

插入 ASCIInema 终端短视频

插件为hexo-filter-asciinema,作用是允许向博客文章内插入ASCIInema平台的视频。

站点设置:

asciinema:
    enable: true

随后演示机安装asciinema:

sudo apt install asciinema

并对asciinema进行授权:

asciinema auth

浏览器打开程序给出的链接,登入账号、查收验证邮件,即可成功启用。
使用asciinema rec开始录制。由于该网站被墙,因此可以在录制结束后按<Ctrl+C>保存至本地,并在本地引用。

实例:

[@asciinema](./tmplqth0fkw-ascii.cast)

快速上标

插件为hexo-filter-sup,站点设置:

sup:
    markup: '^'

实例:

x^2^+5=10

文本提示

插件为hexo-tag-hint,实例:

大家好,这个博客用了{% hint 'Hexo' '一个静态博客框架' %}。

注意字符串中有单引号的时候加反斜线转义。

H5视频

插件为hexo-tag-html5video,实例:

{% html5video '100%' '250px' 'video/mp4' %}
    {% asset_path 2.5_CG_Live_01_mux.mp4 %}
{% endhtml5video %}

第一行三个参数必须带上,不然默认video/webm

统一ID

插件为hexo-uuid,作用是给每一个页面自动生成一个UUID字段。你可以拿这个字段做些别的事情,比如将其设置为博文链接什么的。

二维码

插件为hexo-tag-qrcode,实例:

{% qrcode "https://www.baidu.com" title:"扫扫看!" 扫我 %}

下拉抽屉

插件为hexo-tag-details,实例:

{% details mode:close 怎样才能订阅你博客的更新? %}
    订阅RSS啊!
{% enddetails %}

SoundCloud

插件为hexo-tag-soundcloud,实例:

{% soundcloud https://soundcloud.com/kawaii-music-192471320/ost-weathering-with-you-theme-song-grand-escape-radwimps-feattoko-miura %}

当然,不加链接加Track ID也是可以的。

Niconico

插件为hexo-tag-niconico,实例:

{% douga sm34007357 %}

当然直播和漫画也可以,只要seiga替换douga(附上im号)或nama替换douga(附上lv号)即可。

脚注

插件为hexo-footnotes,实例:

我真的喜欢读《三体》[^1]
[^1]: 作者为 刘慈欣。

支持多行注释和Markdown注释。

PDF 文件

插件为hexo-pdf,实例:(Modeling Singing F0 With Neural Network Driven Transition-Sustain Models - By Kanru Hua)

{% pdf./Modeling-Singing-F0-With-Neural-Network-Driven-Transition-Sustain-Models.pdf %}

MPlayer

插入本地MP3文件。插件为hexo-tag-mplayer,实例:

{% mplayer %}
	playlist: [
		{
			name: 'm_sys_title_intro',
			artist: 'Arknights',
			src: './m_sys_title_intro.mp3'
		},
		{},
	],
	autoplay: false,
	volume: 0.75,
	playmode: "listloop",
	big: false,
	dark: false
{% endmplayer %}

已弃用

文字上标

插件是hexo-ruby-character,需要在Linux环境下编译npm包。

示例:{% ruby Chocolate | Vanilla %} ,也可方便的给汉字注音,例如:{% ruby 鬼魅魍魉 | 鬼魅魍魉 %},又或者是恶搞,类似: {% ruby 精彩节目 | 前方高能 %},同时也适用于其他语言,譬如:{% ruby 噓 | うそ %} だの?

由于其依赖包nodejieba兼容性问题,此处不再提供演示。

HTML 标签

插件为hexo-tag-htmltag,使用:

{% htmlTag button type="button" data-submit data-action="add" aria-controls="calc"%}
Add 10
{% endhtmlTag %}

等效HTML代码:

<button type="button" data-submit data-action="add" aria-controls="calc">Add 10</button>

由于作者已将该npm包删除,因此演示失效。

原创。发于https://www.zhouweitong.site/2019/07/21/019-hexo-new-things/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Hexo一些实用的插件 的相关文章

  • 我来了,在这里起航

    五一过后 这济南的天全然没有了泉城该有的灵秀 夜里恼人的大风 总是肆无忌惮的闹一晚上 而这忽冷忽热的交替 却是让好些人陷入了穿秋裤脱秋裤的 噩梦 中 别看这几日热的紧 好歹有个晴朗的天空 据说过几日又是大雨倾盆的节奏 这济南的春啊 总是让人
  • NotePad++添加到右键快捷方式

    首先看效果图 NotePad 添加到右键快捷方式 接下来是操作方式 首先在桌面上新建一个txt文本文档 然后将写入如下内容 Windows Registry Editor Version 5 00 HKEY CLASSES ROOT she
  • Java实现压缩解压文件

    关键词 ZipOutputStream ZipInoutStream 最近在工作中有需求需要在浏览器中一次性下载多个文件 于是想到了使用压缩的功能 百度了一下 发现很多博客的内容都大致相同 不太方便使用 于是自己写了这么一个工具类 使用JD
  • sublime text3下搭建Python IDE--Anaconda插件(自动补全)

    今天自己想在sublime text3下装个python自动补全插件 当安装一个包管理器时 Package Contral 时 ctrl shift p输入Install Package时 总是报错说没有这个包 在网上也找了很多解决办法 有
  • js-image-compressor 图片压缩插件

    1 安装插件 npm i js image compressor 2 引入 import ImageCompressor from js image compressor 3 使用 compressionImage file return
  • Linux C++ 遍历子目录下的文件名称并保存到变量vector<string> 中

    遍历子目录下的文件名称并保存到变量vector 中 include
  • CSDN第一篇博客,找工作日记第一篇

    今天结束了UC公司的几轮面试 不确定能否拿到offer 但回顾近几天的校招情况 比起十一之前不顺利的过程来说的确让人欣慰了很多 最近考了很多公司的笔试 也面过4399 UC TP LINK等等 峰回路转地明天还要参加百度的面试 当然还有菲音
  • Django 快速搭建博客 第三节(数据库表设计)

    上一节我们已经能在pycharm下新建了blog app了 这个时候 我们需要设计一下博客的数据库设计 关于数据库表的设计 作为新手的我们并不需要要求懂太多稍微的懂一些也就可以了 毕竟数据库也是需要有一定的功底的 这里我们依据博客学习 将博
  • 天梯赛 L1-046 整除光棍(除法原理)

    这里所谓的 光棍 并不是指单身汪啦 说的是全部由1组成的数字 比如1 11 111 1111等 传说任何一个光棍都能被一个不以5结尾的奇数整除 比如 111111就可以被13整除 现在 你的程序要读入一个整数x 这个整数一定是奇数并且不以5
  • 2013年春季学期最佳博客内容奖评选开始啦

    各位亲爱的俱乐部主席们 大家好啊 暑假来啦 CSDN高校俱乐部的福利也来啦 首先感谢你们为高校俱乐部的工作所付出的一切努力 从高校俱乐部的首页改版之后起 大家开始使用博客来记录自己俱乐部的工作内容 并且向俱乐部会员和主席们分享自己的学习生活
  • 基于Hexo和Butterfly创建个人技术博客,(5) 使用Hexo的Tags Plugin插件增强博客文章内容和视觉表现力

    Hexo官司网查看 这里 注意 Tags语法是Hexo插件提供的 是非标准语言 写文章时要注意以下几点 用于在文章中快速插入特定的内容 作用等同于其它语言 可理解为一种增强版本的markdown 可混合Markdown ejs等语法一同使用
  • 博客积分规则

    博客积分是CSDN对用户努力的认可和奖励 也是衡量博客水平的重要标准 博客等级也将由博客积分唯一决定 积分规则具体如下 1 每发布一篇原创或者翻译文章 可获得10分 2 每发布一篇转载文章 可获得2分 3 博主的文章每被评论一次 可获得1分
  • 51智能小车小车之跟随(超声波的使用)(三)

    智能车的另外一种模式 跟随模式 会跟着前面的障碍物走 此模式利用两个模块 超声波模块和跟随模块 模块的使用 中间是超声波模块 两边是跟随模块 超声波控制前进后退 利用超声波测距 如果距离小于一个值小车前进 否则后退 跟随模块控制左右转动 如
  • Dart IDEA插件安装及工程创建

    安装插件 开打IDEA 选择 File Settings 选择左侧标签plugins 点击右侧下方的Install JetBrains plugin 在弹出的对话框搜索框中输入dart 等待搜索完成后就会列出Dart插件 选中 点击右侧的I
  • 使用UE4插件SimpleHTTP的技巧

    UE4插件名 SimpleHTTP 版本 1 1 目录 前置工作 上传资源 下载资源 删除资源 SimpleHTTP源码接口 哈喽大家好 我叫人宅 这节课我们来讲解一下SimpleHTTP使用技巧 该插件目前提供了对web服务器进行上传下载
  • 学习方法小结:

    好的学习方法 好的算法 高效率学习 gt 努力学习 1 学习要有目标不能太盲目 2 笔记很重要 整理笔记更重要 3 博客 论坛的运用十分关键 从量变到质变的过程需要去坚持 4 不要忘记复习 不能太依赖老师和他人的帮助 5 多提问 善于发现问
  • jspdf

    使用html2canval将html转为canvas 再使用jspdf实现导出pdf 需设置要导出的每一页为1400 900 要导出pdf的父元素容器不能有隐藏和滚动条 隐藏部分html2canval无法截屏转为canvas functio
  • 基于Hexo+Matery的LuckyBlog开源搭建教程

    前言 之前在B站上发布了个人博客的视频 播放量也破千了 有网友私聊也想要搭建一个这样的博客 经过一段时间的准备 现将本人博客的源代码公布出来 大家只需要根据以下的步骤 即可快速搭建一个漂亮完善的博客 0x01 LuckyBlog 介绍 上一
  • WordPress主题 响应式个人博客主题Kratos源码

    Kratos 是一款专注于用户阅读体验的响应式 WordPress 主题 整体布局简洁大方 针对资源加载进行了优化 Kratos主题基于Bootstrap和Font Awesome的WordPress一个干净 简单且响应迅速的博客主题 Vt
  • 如何为 Hexo 实现选项卡式代码块标签

    我正在尝试在 hexo 中创建选项卡式代码块 作为标签插件 但我不知道在哪里放置我的 js 函数 我想我可以使用加载该函数js 助手 https hexo io api helper html但我不知道在哪里包含助手 我尝试将其添加到标签插

随机推荐

  • Ubuntu忘记密码(五个小步骤)

    Ubuntu忘记密码 五个小步骤 可能用到的操作 按键 鼠标操作 作用 进入虚拟机屏幕 点击 鼠标焦点在虚拟机中 接下来的操作都在虚拟机中响应 退出虚拟机屏幕 ctrl alt 将鼠标焦点从虚拟机中移除 回到主屏幕 步骤一 重启虚拟机 注意
  • 图形学实验四线段裁剪算法

    实验四 线段裁剪算法 实验类型 设计型 实验学时 2实验要求 必修 一 实验目的 了解二维图形裁剪的原理 点的裁剪 直线的裁剪 多边形的裁剪 利用VC OpenGL实现直线的裁剪算法 二 实验内容 1 理解直线裁剪的原理 编码裁剪算法 梁友
  • 采用python编写微信自动回复程序(基于图灵机器人)

    采用python编写微信自动回复程序 基于图灵机器人 写在开头 注册CSDN这么久 第一次发博客 难免有写得不明白的地方 请读者们谅解 一 要实现微信自动回复 需要如下准备 1 注册一个图灵机器人 现在是要收费的 不过一个月的费用也不是很贵
  • git中关于用户信息的命令

    一 前言 工作中需要查看git的一些用户信息 现将其记录如下 二 相关命令 查看当前项目的用户信息 该信息保存在项目下面隐藏文件夹 git config文件中 查看用户名称 git config user name 查看用户邮箱 git c
  • 通过Valgrind的Massif工具进行C++内存使用分析

    关于Valgrind的简介可以参考 https blog csdn net fengbingchun article details 50196189 Valgrind在Ubuntu上的安装可以参考 https blog csdn net
  • 【ARM】使用Ubuntu-base构建根文件系统

    使用Buildroot构建根文件系统 介绍 资源下载 配置根文件系统 设置软件源 安装必要软件 添加新用户 设置主机名称和本机IP 设置终端串口 网络DHCP FTP服务器搭建 串口无法登录 开机启动信息显示 Failed to inser
  • 硕士毕业生找工作经验体会(怎样才能说服你面前的HR)

    下个月就要离开交大了 这个我呆了将近7年的地方 最后想留下一点关于找工作方面的经验体会 从05年考研结束的时候开始找工作 之后知道研究生录取之后找实习 一直到07年正式找工作 期间我接触过很多行业 很多人 很多职位 从一开始 我就听无数人在
  • JavaEE 笔记01: 基于Tomcat, Servlet, JSP的简单作业管理系统

    基于Tomcat Servlet JSP的简单作业管理系统 目录 基于Tomcat Servlet JSP的简单作业管理系统 前言 2020年3月25日更新 2020年3月26日更新 2020年4月8日更新 2020年4月16日更新 202
  • 深聊性能测试,从入门到放弃之:Locust性能自动化(六)自定义生成负载图形形状

    自定义峰值形状 1 引言 2 定义 2 1 列举实例 2 2 如何继承 2 3 方法使用 3 代码实战 3 1 时间峰值 3 2 双波形 3 3 基于时间阶段 3 4 逐步加载 1 引言 今天分享的这部分内容 应该算是Locust的进阶篇
  • c++迭代器失效

    下面材料整理自Internet 著作 STL中的容器按存储方式分为两类 一类是按以数组形式存储的容器 如 vector deque 另一类是以不连续的节点形式存储的容器 如 list set map 在使用erase方法来删除元素时 需要注
  • Ubuntu 设置时区

    我们要设置成 CST 时区 以保证正确地显示日期 时间 我们常看到的时区有如下几个 PST 美国太平洋标准时间 PST GMT 8 GMT 格林尼治平均时间 等同于英国伦敦本地时间 UTC 通用协调时间 UTC GMT CST 北京时间 北
  • MVC 网上招聘系统的设计与实现java jsp 程序设计 课程设计 毕业设计-附源码02135

    因上传问题 只上传了文案 图片未上传 网上招聘系统的设计与实现 摘 要 随着时代的发展 中国的互联网技术愈加成熟 已经有越来越多的社会群体开始学会使用互联网技术 整个社会正在朝着智能化 信息化的方向前进 有了互联网 用户便可以足不出户地利用
  • 【转载】版本管理软件综述(VSS及其他)

    版本管理软件综述 VSS的使用 http www cnblogs com liuchaogege p 4465652 html 什么是版本控制 1 怎样对研发项目进行整体管理 2 项目开发小组的成员之间如何以一种有效的机制进行协调 3 如何
  • Latex图片格式——从png,jpg,jpeg等导出到eps

    Latex图片格式 从png jpg jpeg等导出到eps Windows 在安装了texlive的情况下 应该都安装了 不然怎么编译latex文档嘞 在图片文件夹运行cmd 输入 bmeps c test png test eps 完成
  • vue el-table展开需要绑定row-key

  • openGLES3.0编程指南源码运行

    前言 openGLES3 0编程指南随书源码环境配置和例子运行 在这篇文章中 笔者给出了官网例子配置和运行 但是我自己新建的单独工程源码正确 但依然无法运行程序 遇到的坑 印象深刻 记录一下 错误做法 openGL ES Emulator
  • windows powershell 里怎么从C盘跳到D盘?

    直接在C根目录时输入d 进入其他盘同理 PS C gt d
  • 关于SAR的研究热点——几点思考

    关于SAR的研究热点 几点思考 SAR研究热点之一 新体制论证 SAR系统设计追求的目标 图像质量高 空间和辐射分辨率高 成像幅宽大 具备多模式 扫描 可变入射角条带 斜视 聚束 多波段 全极化 三维成像 动目标检测与成像能力 对平台运动姿
  • 今日头条自媒体矩阵运营攻略

    你今天通常做什么 许多人用它来娱乐八卦 寻找乐趣 并打发时间 但对于媒体和品牌来说 它是一个非常好的操作平台 基于媒体矩阵标题数量的改进及其独特的推荐机制 公司传播品牌 打造个人品牌非常友好 今天我们讨论了标题号如何快速建立个人品牌的综合潜
  • Hexo一些实用的插件

    Hexo的插件真是个好东西 一开始部署博客的时候并没有太在意插件的问题 毕竟觉得博客主题自带的插件挺全面的 足够使用了 但是用久了总是会腻 就想着静态博客能不能整一些新操作 即使只是添加点小功能 于是就翻了翻 Hexo 的插件目录 挑了些比