51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

Hexo

Hexo+Butterfly主题增加枫叶飘落的效果

Hexo+Butterfly主题增加枫叶飘落的效果

厉飞雨 阅读(2) 评论(0) 赞(1)

前言 之前从其他博客哪里搬了一个樱花落叶效果。但是我本人不是很喜欢那个樱花,而且那个樱花效果太密集太大了。很影响阅读体验,可以说是一个负优化。我这个人要求比较高,自然是很不满意这个效果,所以,我把代码稍微的改动了一下,达成了现在的效果。 改动步骤 我当时将JS实装到博客后发现这个樱花的色调和我的博客非常的不符合,毕竟白色和樱色的对冲太明显,所以我当时考虑过替换成白色花瓣,

Hexo+Butterfly主题检测IE内核并进行提示的教程

Hexo+Butterfly主题检测IE内核并进行提示的教程

厉飞雨 阅读(2) 评论(0) 赞(1)

前言 由于代码的迭代,导致IE已经完全不支持大部分hexo博客了。但是IE在国内还是拥有着一定的份额,而且还不算是例如360等兼容IE内核的浏览器。 如果这群访客进入我们的博客,那么他只能看到乱糟糟的显示样式,那么怎么能避免这一情况呢?我们只需要对IE内核作出一个跳转,让我们的博客从根本上拒绝IE。 安装kernel.js 首先我们在ROOT/themes/butter

Hexo+Butterfly操作指南、美化方案和优化教程

Hexo+Butterfly操作指南、美化方案和优化教程

厉飞雨 阅读(4) 评论(0) 赞(0)

操作指南 Hexo安装Butterfly主题 Hexo博客Butterfly主题配置 Hexo+Butterfly主题增加文章双栏布局 Hexo+Butterfly主题一图流背景与顶部图修改 Hexo+Butterfly主题利用插件系统,批量替换CDN链接地址 Hexo+Butterfly主题增加Github贡献图表 基于Hexo+Butterf

Hexo+Butterfly动态修改网站的标题

Hexo+Butterfly动态修改网站的标题

厉飞雨 阅读(2) 评论(0) 赞(0)

前言 可以在切换至其他网页时动态修改网站的标题,引起访问者的注意,当再次回来时修改网站标题表示欢迎:) 操作方法 新建脚本文件 ROOT\source\js\title.js,写入以下内容: 1234567891011121314151617 //动态标题var OriginTitile = document.title;

Hexo+Butterfly修改公告栏文字样式

Hexo+Butterfly修改公告栏文字样式

厉飞雨 阅读(3) 评论(0) 赞(0)

如果你想要修改公告栏的文字样式,只需在主题配置文件_config.butterfly.yml中写入如下配置: 1234 aside: card_announcement: enable: true content: <center><b>--- 竹山一叶 ---...

解决 Hexo 配置 Valine 遇到的问题

解决 Hexo 配置 Valine 遇到的问题

厉飞雨 阅读(1) 评论(0) 赞(0)

问题列表 Code: undefined [410 GET https://avoscloud.com/1.1/classes/Comment] Code 403: 访问被api域名白名单拒绝,请检查你的安全域名设置 Code -1: Request has been terminated 第一个问题(Code: undefined) 在主题的 “_co

利用 GitHub Action 自动部署 Hexo 博客

利用 GitHub Action 自动部署 Hexo 博客

厉飞雨 阅读(3) 评论(0) 赞(1)

前言 使用 Hexo 写博客,每次写完都要生成静态文件,而且 Hexo 基于 Node.JS,不能在手机上更新。 所以每次提交过后发现自己码错字了,或是有同学来换友链,总是要麻烦的改文件,再上传。 那么,Hexo 如何进行在线更新呢? 如果使用服务器的话,就丧失了使用 Hexo 的最大的优点——节省开支,而且还不如用 Typecho/WordPress 呢。 后来突然

Hexo+Butterfly为侧边栏添加文章合集

Hexo+Butterfly为侧边栏添加文章合集

厉飞雨 阅读(2) 评论(0) 赞(0)

前言 本文将介绍如何在首页侧边栏添加文章合集板块。可以提供一些重要文章的展示。 效果如下: 基于Butterfly 4.2.2版本 操作 在\themes\butterfly\layout\includes\widget目录下新建card_collections.pug文件,并写入如下代码: 12345678

Hexo+Butterfly文章页面关闭侧边栏

Hexo+Butterfly文章页面关闭侧边栏

厉飞雨 阅读(3) 评论(0) 赞(1)

这个其实官方文档也有讲,在某个页面如果你不想显示侧边栏的话,可以在对应页面的 Front-Matter 里加如下配置 1234567 ---title: Hexo+Butterfly文章页面关闭侧边栏date: 2023-01-01 22:45:11comments: falseaside: false <-- 关闭...