介绍
源码(API)出处 ↑
使用
冒泡特效
找个JS
文件粘贴进去就行了(简单粗暴,但是要在主题配置里确定引用了的) ↓
1 | // 气泡 |
波浪特效
找到index.styl
文件粘贴进去(z-index
看自己喜好调整)(要确定被引用) ↓
1 | .hans-container |
把这段粘贴到主题配置文件bottom:
选项里面去 ↓
1 | <div id="hans-bolang"></div> |
透明特效
首页部分
方法一
把横幅图片top_img
与背景图background
设置成一样的 ↓
方法二
找个js
文件放进去
1 | var full_page = document.getElementsByClassName("full_page"); |
各有不同!
页脚部分
在footer.styl
(位置直接搜索)里的#footer
里加一句话 ↓
1 | background: transparent !important; |
其他页面头部
首先在主题配置文件里全部把这些页面的图片值改为false
如:
1 | tag_img: false |
然后在head.styl
里把
1 | background-color: $light-blue |
注释掉
1 | // background-color: $light-blue |
夜间模式可能不太行
MAC代码框美化
白色:
1 | - <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/sviptzk/StaticFile_HEXO@latest/butterfly/css/macWhite.css"> |
黑色:
1 | - <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/sviptzk/StaticFile_HEXO@latest/butterfly/css/macWhite.css"> |
滚动条美化
找个styl
文件粘贴进去:
1 | /* 滚动条 */ |
默认情况
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 时过境迁Wayne博客!
评论