Hexo的Butterfly主题自定义右键菜单
butterfly 博客自定义右键菜单升级版 | Ariasaka の小窝 (yisous.xyz)
Hexo + Butterfly 自定义右键菜单 | 唐志远の博客 (tzy1997.com)
Hexo+Butterfly 实现文章随机跳转（无缝版） | 竹山一叶 (zsyyblog.com)
效果：
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 Esing的小站！
相关推荐
2026-04-14
为博客添加自瞄锁敌光标特效
我去，这框真帅吧！
2026-03-10
Butterfly主题中自定义Highlight.js语法高亮
前言 看了一下 Highlight.js 的说明文档，不支持RISCV的汇编。只能自己摸索怎么高亮了。 因为Hexo在启动时就会对Markdown文件进行编译并转换成HTML文件，因此修改本地安装好的node库就行。 Highlight.js 在Hexo项目下的node_modules\highlight.js\lib内新建riscvasm.js和riscvasm.js.js： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130/*Language: RISC-V Assem...
2023-04-26
美化Butterfly主题内的Toggle(折叠块)
Hexo-Butterfly主题通过标签外挂的方式可以在博客上展示折叠框： 但是和主题色没啥联动……自己改下！ 折叠框 方法很简单：在var.styl这个文件中找到： 123// tag-hide$tag-hide-bg = #f0f0f0$tag-hide-toggle-bg = #f0f0f0 修改后： 12345// tag-hide- $tag-hide-bg = #f0f0f0- $tag-hide-toggle-bg = #f0f0f0+ $tag-hide-bg = $theme-color+ $tag-hide-toggle-bg = rgba($theme-color, 0.12) //透明度，可以自行修改 测试一下！23333 引用部分 其实引用部分同理，也是这样子修改…… 12345// code$line-height-code-block = 1.6$blockquote-color = #6a737d$blockquote-padding-color = $themeColorEnable && hexo-config('...
2024-04-21
让网页标签页的标题动起来 ♪(´▽｀)
前言 如你所见，我的博客的浏览器标签页是会动的 ヾ(≧ ▽ ≦)ゝ 当处于非活动状态之后标题会改变。 教程 在网页HTML的</head>之前或是</body>之前引入： 1<script type="text/javascript" src="/js/title.js"></script> title.js内容如下： 123456789101112131415document.addEventListener("visibilitychange", function () { if (document.visibilityState == "hidden") { normal_title = document.title; let titleState = 0; titleInterval = setInterval(() => { documen...
2024-09-01
使用Hexo Webp Cloud Proxy插件渲染博客后图片变为Undefined
前言 继先前使用 Cloudflare R2 存储桶搭建图床之后，为了再一次提高图片的访问速度，我采用了WebP Cloud Services来讲图片转为适合浏览器的现代化文件格式Webp。找了下，有一个Hexo博客插件hexo-webp-cloud-proxy可以方便的做到这一点。它可以很好的将所有的Post内图片链接转换成带有WebP Cloud的链接。 安装 npm install hexo-webp-cloud-proxy --save 问题 博客内含有GIF图，这玩意难以压缩，体积又大，很容易就把WebP Cloud的200M缓存吃光，因此我不打算处理它们。在Hexo根目录的_config.yml_插件设置内配置： 12345678910webp_cloud_proxy: enable: true # the suffix of img type to use webp cloud service convert_type_list: ["jpg", "jpeg", "png"] # your site...
2025-09-17
修改Verilog非阻塞赋值的字体样式
前言 经常写Verilog的朋友都知道，Verilog的非阻塞赋值符号是 < = 。但是对于大部分开启了连字的等宽字体，这样子写后，会显示为<=而非<=。显然，前者的显示方法是错误的。如何显示为后者呢？ OpenType字体：随心所欲自定义 微软和 Adobe 在 1996 年开发了 OpenType 字体格式，基于 TrueType 和 PostScript 的技术，旨在提供更强大的功能。最重要的一点，便是支持连字、替代字形、上下标、旧式数字等高级排版特性。此外，为了不同场合下自定义，OpenType 字体包含了许多可开启的特性。 我使用Maple Mono Normal NF CN作为系统与博客的等宽字体，因其对中文十分友好。查看文档可知，在v7.1版本加入了cv63特性，即替代<=为箭头样式。因此，只需手动指定某一语言下的样式即可。 VSCode自定义 我曾经试过在VSCode的配置中搜索@lang:verilog，以确保设置应用于Verilog语言，但是好像字体修改部分并不会生效。没办法，只能修改工作区配置了。 在工作区配置的settings.js...
评论
![[星港游记] 残月、火星与木星](https://webpn.esing.dev/img/starport.webp)