SOURCE

console 命令行工具 X clear

                    
>
console
<!DOCTYPE html>
<html>
<head>
  <!-- 宇宙粒子核心代码 -->
  <script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
  <style>
    #particles-js {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: -1;
    }
    .content {
      position: relative;
      padding: 20px;
    }
  </style>
</head>
<body>
  <!-- ENTP定制粒子参数 -->
  <div id="particles-js"></div>
  <div class="content">
    <!-- 此处放置您截图中的文字内容 -->
    <h1>life should be</h1>
    <p>@今天 四也要完成的事</p >
    <p>皇帝是怎么诞生的</p >
  </div>

  <script>
    particlesJS("particles-js", {
      particles: {
        number: { value: 80, density: { enable: true, value_area: 800 } },
        color: { value: "#ff3cac" }, // ENTP脉冲星粉
        shape: { type: "circle" },
        opacity: { value: 0.5, random: true },
        size: { value: 3, random: true },
        line_linked: {
          enable: true,
          distance: 150,
          color: "#0fffc1", // 虫洞绿
          opacity: 0.4,
          width: 1
        },
        move: { 
          enable: true, 
          speed: 2,
          direction: "none",
          random: true
        }
      },
      interactivity: {
        detect_on: "canvas",
        events: {
          onhover: { enable: true, mode: "repulse" },
          onclick: { enable: true, mode: "push" }
        }
      }
    });
  </script>
</body>
</html>