本文参考的是letere-gzj的文章,详细情况请参考他的博客进行学习。本文只是基于coder主题的配置以及对其进行一些注解。

粒子效果的个性化更改 链接到标题

在粒子效果作者提供的交互式更改配置页面有几个个性化元素值得修改

  • number:太多固然炫技,不过也会有种打扫蜘蛛网的感觉,并且密度不要调太少,不然网页会直接卡死
  • size
  • shape:比如我这里使用的是星星点
  • 线、点以及背景颜色的修改:这里貌似对RGB颜色表很友好,因此建议在RGB颜色与代码对照表查找。
  • speed:太快的话也会显得混乱
  • mode:grab(吸引)、bubble(放大)、repulse(排斥)、各取所需,(笔者自己不喜欢grab,有种打扫蜘蛛网的感觉)
  • interactivity:按照letere-gzj的指引更改为window即可。
  • Download current config (json):这是下载作者所说的particlesjs-config.json文件的,而particles.min.js在download得到的安装包中可以找到。

coder主题的不同 链接到标题

  • layouts/partials/footer/custom.html在coder中是layouts/partials/footer.html