Hexo 魔改记录

2024-12-26

Hexo 侧边栏添加文章合集

教程链接：Hexo侧边栏添加文章合集侧边栏添加文章合集模块，可以提供一个系列文章的整体展示，便于导航到一个具体的内容首先，在 \themes\butterfly\layout\includees\widget 目录下新建 card_collections.pug 文件，并写入： 12345678if theme.aside.card_collections.enable .card-widget .item-headline i(class=theme.aside.card_collections.icon) span=theme.aside.card_collections.title each item in site.data.collections.collections .collections-item-content a(href=item.url)=item.name 在 \themes\butterfly\layout\includees\widget\index.pug 文件中 page...

2024-12-26

Hexo 小标题旋转风车设置

教程链接：Hexo小标题旋转风车设置找到主题配置文件 _config.butterfly.yml 把 beautify 的 title-prefix-icon 处修改为 \f863 123beautify: enable: true title-prefix-icon: '\f863' 在 inject 的 head 处引入以下文件： 123inject: head: - "<style>#article-container.post-content h1:before, h2:before, h3:before, h4:before, h5:before, h6:before { -webkit-animation: avatar_turn_around 1s linear infinite; -moz-animation: avatar_turn_around 1s linear infinite; -o-animation: avatar_turn_around 1s linear infinite;...

2024-12-28

Hexo 修改字体

教程链接：Butterfly修改字体这里以阿里妈妈数黑体iconfont-阿里巴巴矢量图标库为例进行演示。下载后得到文件我们选择 AlimamaShuHeiTi-Bold.ttf 文件放入到我们的项目中。在 source/styles 目录下新建文件夹 fonts/，把 AlimamaShuHeiTi-Bold.ttf 放入到 fonts 文件夹下。之后，在 styles/css/font.css 目录下，新建 font.css 文件，文件内容如下： 12345@font-face { font-family: 'AlimamaShuHeiTi'; font-display: swap; src: url('../fonts/AlimamaShuHeiTi-Bold.ttf') format('truetype');} 字体文件有 ttf, woff, woff2, otf 多种格式，ttf 对应的格式是 truetype，woff2 对应的格式是...

2024-12-28

Hexo 修改鼠标样式

参考链接：hexo+butterfly主题利用css部署网站鼠标指针样式瞎子自己中意的鼠标指针，推荐致美化网站进行下载。将 cursor 格式 .cur 的鼠标指针图片放入到 hexo_blog\themes\butterfly\source\cur 路径下，这里我放了正常移动的 normal.cur 和点击链接的 link.cur，后续可以根据需求进行添加。在本地 styles\css 目录下创建 cursors.css 并将以下代码复制粘贴到 cursors.css 进行保存 123456789body { cursor:url('/cur/normal.cur'), default; } a, link { cursor:url('/cur/link.cur'), default; } 在站点配置文件 _config.butterfly.yml 中找到 inject，在 head 处引入该文件： 1- <link...

2024-12-25

Hexo 添加雪花动态效果背景

教程链接：Hexo添加雪花动态效果背景首先在 source/styles/js 目录下新建一个 snowflake.js 文件，然后将以下内容写入该文件，然后将以下内容写入该文件： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) { //...

2024-12-26

Hexo 添加看板娘

在 Butterfly 主题下，使用 live2d 插件在右下角添加白猫。首先安装模块，输入以下命令安装必要插件： 1npm install --save hexo-helper-live2d 安装白猫模型： 1npm install live2d-widget-model-tororo 打开站点配置文件 config.yml，搜索 live2d，按照如下注释内容指示进行操作： 1234567891011121314151617181920212223242526# Live2D## https://github.com/EYHN/hexo-helper-live2dlive2d: enable: true scriptFrom: local # 默认 pluginModelPath: assets/ # 模型文件相对与插件根目录路径 model: use: live2d-widget-model-tororo # 模型名字 scale: 1 hHeadPos: 0.5 vHeadPos: 0.618 display: ...