hexo下next主題實現滑鼠移動特效

效果如下

新增特效

在\themes\next\source\js\中新建fairydustcursor.js檔案，並新增以下**

(

function
fairydustcursor()
;var particles =
;function
init()
// bind events that are needed
function
bindevents()
function
onwindowresize
(e)function
ontouchmove
(e)}
}function
onmousemove
(e)function
addparticle
(x, y, color)
function
updateparticles()
for(
var i = particles.length -
1; i >=
0; i--)}
}function
loop()
function
particle()
;this
.init
=function
(x, y, color)
;this
.position =
;this
.initialstyles.color = color;
console.
log(color)
;this
.element = document.
createelement
('span');
this
.element.innerhtml =
this
.character;
(this
.element,
this
.initialstyles)
;this
.update()
; 
document.body.
(this
.element);}
;this
.update
=function()
this
.die
=function()
}function
( target, properties )
}init()
;})(
);

<

!-- 櫻花特效 --
>

hexo中next主題部落格

hexo n 部署命令 hexo clean 先清除public目錄 hexo g 生成發布檔案 gulp 壓縮 hexo d 發布常用命令介紹 命令簡寫 hexo n 我的部落格 hexo new 我的部落格 新建文章 hexo g hexo generate 生成 hexo s hexo ser...

Hexo的next主題安裝

通過git hexo搭建的個人部落格位址 1 使用git轉殖最新版本 2 先在themes目錄建立乙個next資料夾，然後在hexo站點目錄下右鍵開啟git bash here,輸入命令 git clone themes next 3 將blog目錄下 config.yml裡theme的名稱由lan...

hexo安裝next主題及主題配置

官網 github 終端進入到部落格目錄，使用以下命令轉殖 next 主題到 themes next 目錄下 git clone themes next 安裝成功 更改部落格目錄下的 config.yml 裡的 theme 為 next 即可啟用 使用 hexo s 檢視 官方配置文件 主題的配置檔...