博客园添加鼠标粒子吸附特效

第一次在博客园的随笔就记录一下引我入园的鼠标粒子吸附特效叭~

在其他博主的博客园看到这个动效，真是爱了，可以一看玩一天的那种，咳咳，夸张手法，不敢在上班玩。

入了园一年多才开始写博客，发现，小规矩有点多~需要进行很多申请啥的哈哈~

正题：👇👇👇

一、权限申请

点击【我的博客】→【管理】 → 【设置】选项卡→ 一直往下拉, 找到【博客侧边栏公告（支持HTML代码）（申请JS权限）】

以下是可视化操作，多图预警~

 

 

 

 

在设置选项卡拉到底部，会看到一栏：【博客侧边栏公告（支持HTML代码）（申请JS权限）】，申请权限需等待一会，若有或者申请成功后就是下图：👇👇👇

 

 

 

 

 

申请权限会提示向contact@cnblogs.com 发送邮件， 为了尽快通过权限申请， 邮件模板如下：

尊敬的博客园管理员：

请问是否可以帮我开通js权限，我需要一些简单的js来解决问题，例如鼠标点击特效、代码高亮等外观调整。

谢谢您的支持！

 

 

 

 

二、设置代码

1、由于博客园的主题设置，可能只有两侧的可以点击聚集粒子，中间的部分被博客园的主题中的容器覆盖住了。此时，可以再添加css。

在【设置】选项卡找到【博客皮肤】和【页面定制css代码】，自定义博客皮肤，添加如下css代码内容， 保存即可：

body {
background-color:whitesmoke;
}     // 修改背景颜色为半透明


#home,#sideBarMain>div,#blog-sidecolumn>div>div,.catListView{
background-color:rgba(240,90,90,0);
}  // 修改其他边框的颜色

【博客皮肤】可以自己选择喜欢的模版~如下：👇👇👇

 

 

同样的，在设置选项卡里，找到【页脚Html代码】，添加如下代码内容， 保存即可：

<script id="c_n_script" src="https://blog-static.cnblogs.com/files/xiaokang01/js.js" color="150,150,150" opacity="1" count="75" zindex="-2">if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
} else {}</script>

其中参数可以根据自己的喜好设置：

参数	作用
https://blog-static.cnblogs.com/files/xiaokang01/js.js	添加的文件的链接
color="150,150,150"	粒子的颜色设置
opacity="1"	粒子的透明度
count="100"	粒子的个数

 

 

 

 

 

 

 

 

 

设置如下：👇👇👇

 

 到此，就成功设置啦~

 

感谢：https://www.cnblogs.com/php-linux/p/10565156.html