mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2026-04-16 19:30:54 +08:00
554d05d576
feat: 增加部分特效 Mobile設置（activate_power_mode/fireworks/click_heart/ClickShowText) feat: aside 分類 收縮/展開 增加slide效果 improvement: 更改canvas_ribbon_piao 為 canvas_fluttering_ribbon improvement: darkmode 字體顔色加深 improvement: 優化nav的進入，應該修復一些用户在本地測試中無法顯示nav的bugs improvement: 部分css和html優化 fix: 修復鼠標點擊文字特效，文字過長導致頁面有滾動條的bugs remove: 移除anime js， 集成在fireworks的js裏 remove: 刪除特效js,改為cdn引入
29 lines
1.6 KiB
Plaintext
29 lines
1.6 KiB
Plaintext
if theme.fireworks && theme.fireworks.enable
|
|
canvas.fireworks(mobile=`${theme.fireworks.mobile}`)
|
|
script(src=url_for(theme.CDN.fireworks))
|
|
|
|
if (theme.canvas_ribbon && theme.canvas_ribbon.enable)
|
|
script(defer id="ribbon" src=url_for(theme.CDN.canvas_ribbon) size=theme.canvas_ribbon.size
|
|
alpha=theme.canvas_ribbon.alpha zIndex=theme.canvas_ribbon.zIndex mobile=`${theme.canvas_ribbon.mobile}` data-click=`${theme.canvas_ribbon.click_to_change}`)
|
|
|
|
if (theme.canvas_fluttering_ribbon && theme.canvas_fluttering_ribbon.enable)
|
|
script(defer id="fluttering_ribbon" mobile=`${theme.canvas_fluttering_ribbon.mobile}` src=url_for(theme.CDN.canvas_fluttering_ribbon))
|
|
|
|
if (theme.canvas_nest && theme.canvas_nest.enable)
|
|
script#canvas_nest(defer color=theme.canvas_nest.color opacity=theme.canvas_nest.opacity zIndex=theme.canvas_nest.zIndex count=theme.canvas_nest.count mobile=`${theme.canvas_nest.mobile}` src=url_for(theme.CDN.canvas_nest))
|
|
|
|
if theme.activate_power_mode.enable
|
|
script(src=url_for(theme.CDN.activate_power_mode))
|
|
script.
|
|
POWERMODE.colorful = !{theme.activate_power_mode.colorful};
|
|
POWERMODE.shake = !{theme.activate_power_mode.shake};
|
|
POWERMODE.mobile = !{theme.activate_power_mode.mobile};
|
|
document.body.addEventListener('input', POWERMODE);
|
|
|
|
//- 鼠標特效
|
|
if theme.click_heart && theme.click_heart.enable
|
|
script#click-heart(src=url_for(theme.CDN.click_heart) async mobile=`${theme.click_heart.mobile}`)
|
|
|
|
if theme.ClickShowText && theme.ClickShowText.enable
|
|
script#click-show-text(src=url_for(theme.CDN.ClickShowText) async mobile=`${theme.ClickShowText.mobile}`)
|