[Online] reprint this blog collecting bells and whistles (crossed out) effects js code

<canvas class="fireworks" style="position:fixed;left:0;top:0;z-index:99999999;pointer-events:none;"></canvas>
<script type="text/javascript" src="https://blog-static.cnblogs.com/files/hkpls/1.js"></script>

<script type="text/javascript">  
        var setMyBlog = {
            setCopyright: function() {
                //设置版权信息，转载出处自动根据页面url生成
                //记得把我的乌冬味的链接改了，否则就是我的github地址了
                var info_str = '<p>作者：<a target="_blank">@KAMIKI</a><br>'+
                    '版权声明：没那么多事，转载请随意：<a class="uri"></a></p><hr></hr>', 
                    info = $(info_str),
                    info_a = info.find("a"),
                    url = window.location.href;
                $(info_a[0]).attr("href","https://www.cnblogs.com/hkpls/");
                $(info_a[1]).attr("href",url).text(url);
                $("#cnblogs_post_body").prepend(info);
            },
            setCodeRow: function(){
                // 代码行号显示
                var pre = $("pre.sourceCode"); //选中需要更改的部分
                if(pre && pre.length){
                    pre.each(function() {
                        var item = $(this);
                        var lang = item.attr("class").split(" ")[1]; //判断高亮的语言
                        item.html(item.html().replace(/<[^>]+>/g,"")); //将<pre>标签中的html标签去掉
                        item.removeClass().addClass("brush: " + lang +";"); //根据语言添加笔刷
                        SyntaxHighlighter.all();
                    })
                }
            },
            setAtarget: function() {
                // 博客内的链接在新窗口打开
                $("#cnblogs_post_body a").each(function(){
                    this.target = "_blank";
                }) 
            },
            setContent: function() {
                // 这个是在文章开头的目录，我不喜欢所以注释了
                // 根据h2、h3标签自动生成目录
                var captions_ori = $("#cnblogs_post_body h2"),
                    captions = $("#cnblogs_post_body h2,#cnblogs_post_body h3").clone(),
                    content = $("<blockquote><h4>目录</h4></blockquote>");
                $("#cnblogs_post_body").prepend(content.append(captions));
                var index = -1;
                captions.replaceWith(function(){
                    var self = this;
                    if(self.tagName == "H2" || self.tagName == "h2"){
                        // 设置点击目录跳转
                        index += 1;
                        $('<a name="' + '_caption_' + index + '"></a>').insertBefore(captions_ori[index]); 
                        return '<a href="#_caption_' + index + '"><strong>' + self.innerHTML + '</strong></a><br>';
                    } else {
                        return self.innerHTML + "<br>";
                    }
                });
            },
            runAll: function() {
                /* 运行所有方法
                 * setAtarget() 博客园内标签新窗口打开
                 * setContent() 设置目录
                 * setCopyright() 设置版权信息
                 * setCodeRow() 代码行号显示，
                 */ 
                this.setAtarget(); 
                //this.setContent();
                this.setCopyright();
                //this.setCodeRow();//和黑色高亮主题冲突了，所以注释了
            }
        }
        setMyBlog.runAll();
</script>
//接下来是那个华丽的鼠标点击效果代码！（应该是（弱气））
<script>
!function(){
function n(n,e,t){
return n.getAttribute(e)||t
}
function e(n){
return document.getElementsByTagName(n)
}
function t(){
var t=e("script"),o=t.length,i=t[o-1];
return{l:o,z:n(i,"zIndex",-1),o:n(i,"opacity",.5),c:n(i,"color","0,0,0"),n:n(i,"count",99)}
}
function o(){
a=m.width=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth,
c=m.height=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight
}
function i(){
r.clearRect(0,0,a,c);
var n,e,t,o,m,l;
s.forEach(function(i,x){
for(i.x+=i.xa,i.y+=i.ya,i.xa*=i.x>a||i.x<0?-1:1,i.ya*=i.y>c||i.y<0?-1:1,r.fillRect(i.x-.5,i.y-.5,1,1),e=x+1;e<u.length;e++)n=u[e],
null!==n.x&&null!==n.y&&(o=i.x-n.x,m=i.y-n.y,
l=o*o+m*m,l<n.max&&(n===y&&l>=n.max/2&&(i.x-=.03*o,i.y-=.03*m),
t=(n.max-l)/n.max,r.beginPath(),r.lineWidth=t/2,r.strokeStyle="rgba("+d.c+","+(t+.2)+")",r.moveTo(i.x,i.y),r.lineTo(n.x,n.y),r.stroke()))
}),
x(i)
}
var a,c,u,m=document.createElement("canvas"),
d=t(),l="c_n"+d.l,r=m.getContext("2d"),
x=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||
function(n){
window.setTimeout(n,1e3/45)
},
w=Math.random,y={x:null,y:null,max:2e4};m.id=l,m.style.cssText="position:fixed;top:0;left:0;z-index:"+d.z+";opacity:"+d.o,e("body")[0].appendChild(m),o(),window.onresize=o,
window.onmousemove=function(n){
n=n||window.event,y.x=n.clientX,y.y=n.clientY
},
window.onmouseout=function(){
y.x=null,y.y=null
};
for(var s=[],f=0;d.n>f;f++){
var h=w()*a,g=w()*c,v=2*w()-1,p=2*w()-1;s.push({x:h,y:g,xa:v,ya:p,max:6e3})
}
u=s.concat([y]),
setTimeout(function(){i()},100)
}();
</script>

Is so much, the above is bad street spider silk, the middle also comes with a strange copyright notice (please according to their needs fine-tuning), the following is to load the mouse on the card was not clicking effect on the master machine (but have to say really good-looking)

Specific words on the first application in a blog about js park use, then the bottom is set inside a column I forgot What is there to paste just fine. Yes, exactly.
Forgive me remember the old thing, gentlemen desire to achieve the best results, you can put them all Nianshang Qu, always right, right.