Django网站开发：使用粒子效果

下载particles.js库并将其添加到项目中

您可以在这里找到它：https://github.com/VincentGarreau/particles.js/。将particles.js文件放在项目的static/portfolio/js/目录下。

在base.html的部分，添加particles.js库的引用：

<script src="{% static 'portfolio/js/particles.js' %}"></script>

html部分，显示粒子效果

在部分，添加一个

元素，用于显示粒子效果
为该元素设置id=“particles-js”。

<div id="particles-js"></div>

js部分，初始化粒子效果

在base.html的部分底部，添加一个

<script>
 function initParticles() {
     
     particlesJS('particles-js', {
     
        particles: {
     
            number: {
     
              value: 50
            },
            size: {
     
              value: 3
            },
            line_linked: {
     
              enable: true
            }
         }
     });
 }

 document.addEventListener("DOMContentLoaded", function(