Hexo+Butterfly主题增加枫叶飘落的效果
前言 之前从其他博客哪里搬了一个樱花落叶效果。但是我本人不是很喜欢那个樱花,而且那个樱花效果太密集太大了。很影响阅读体验,可以说是一个负优化。我这个人要求比较高,自然是很不满意这个效果,所以,我把代码稍微的改动了一下,达成了现在的效果。 改动步骤 我当时将JS实装到博客后发现这个樱花的色调和我的博客非常的不符合,毕竟白色和樱色的对冲太明显,所以我当时考虑过替换成白色花瓣,
前言 之前从其他博客哪里搬了一个樱花落叶效果。但是我本人不是很喜欢那个樱花,而且那个樱花效果太密集太大了。很影响阅读体验,可以说是一个负优化。我这个人要求比较高,自然是很不满意这个效果,所以,我把代码稍微的改动了一下,达成了现在的效果。 改动步骤 我当时将JS实装到博客后发现这个樱花的色调和我的博客非常的不符合,毕竟白色和樱色的对冲太明显,所以我当时考虑过替换成白色花瓣,
前言 由于代码的迭代,导致IE已经完全不支持大部分hexo博客了。但是IE在国内还是拥有着一定的份额,而且还不算是例如360等兼容IE内核的浏览器。 如果这群访客进入我们的博客,那么他只能看到乱糟糟的显示样式,那么怎么能避免这一情况呢?我们只需要对IE内核作出一个跳转,让我们的博客从根本上拒绝IE。 安装kernel.js 首先我们在ROOT/themes/butter
操作指南 Hexo安装Butterfly主题 Hexo博客Butterfly主题配置 Hexo+Butterfly主题增加文章双栏布局 Hexo+Butterfly主题一图流背景与顶部图修改 Hexo+Butterfly主题利用插件系统,批量替换CDN链接地址 Hexo+Butterfly主题增加Github贡献图表 基于Hexo+Butterf
前言 可以在切换至其他网页时动态修改网站的标题,引起访问者的注意,当再次回来时修改网站标题表示欢迎:) 操作方法 新建脚本文件 ROOT\source\js\title.js,写入以下内容: 1234567891011121314151617 //动态标题var OriginTitile = document.title;
如果你想要修改公告栏的文字样式,只需在主题配置文件_config.butterfly.yml中写入如下配置: 1234 aside: card_announcement: enable: true content: <center><b>--- 竹山一叶 ---...
问题列表 Code: undefined [410 GET https://avoscloud.com/1.1/classes/Comment] Code 403: 访问被api域名白名单拒绝,请检查你的安全域名设置 Code -1: Request has been terminated 第一个问题(Code: undefined) 在主题的 “_co
前言 使用 Hexo 写博客,每次写完都要生成静态文件,而且 Hexo 基于 Node.JS,不能在手机上更新。 所以每次提交过后发现自己码错字了,或是有同学来换友链,总是要麻烦的改文件,再上传。 那么,Hexo 如何进行在线更新呢? 如果使用服务器的话,就丧失了使用 Hexo 的最大的优点——节省开支,而且还不如用 Typecho/WordPress 呢。 后来突然
前言 本文将介绍如何在首页侧边栏添加文章合集板块。可以提供一些重要文章的展示。 效果如下: 基于Butterfly 4.2.2版本 操作 在\themes\butterfly\layout\includes\widget目录下新建card_collections.pug文件,并写入如下代码: 12345678
这个其实官方文档也有讲,在某个页面如果你不想显示侧边栏的话,可以在对应页面的 Front-Matter 里加如下配置 1234567 ---title: Hexo+Butterfly文章页面关闭侧边栏date: 2023-01-01 22:45:11comments: falseaside: false <-- 关闭...
全局背景透明渐变 1234567891011 #recent-posts>.recent-post-item,.layout_page>div:first-child:not(.recent-posts),.layout_post>#page,.layout_post>#po...