Javascript 如何用静态背景图像替换粒子js？

我以前没有HTML、CSS和javascript方面的经验

我正在尝试从Jekyll（）部署粒子主题。 我想将js背景（动画）更改为静态图像，并上传到“/assets/img/”

以下是header.html，其中显示背景：

<div id="particles-js">
  <div class="header">
      <h1>
        <span class="site-title">{{site.username}}</span>
        <span class="site-description">{{site.user_title}}</span>
      </h1>
      <div class="header-icons">
        <a aria-label="Send email" href="#"><i class="icon fa fa-envelope"></i></a>
        <a aria-label="My Twitter" target="_blank" href="#"><i class="icon fa fa-twitter" aria-hidden="true"></i></a>
        <a aria-label="My Google Plus" target="_blank" href="#"><i class="icon fa fa-google-plus" aria-hidden="true"></i></a>
        <a aria-label="My Github" target="_blank" href="#"><i class="icon fa fa-github-alt" aria-hidden="true"></i></a>
      </div>
      <div class="header-links">
        <a class="link" href="#about" data-scroll>About Me</a>
        <a class="link" href="#projects" data-scroll>Projects</a>
      </div>
  </div>
  <a class="down" href="#about" data-scroll><i class="icon fa fa-chevron-down" aria-hidden="true"></i></a>
</div>

{{site.username}
{{site.user_title}

所以我想修改的部分是第一行。 就我在谷歌搜索时所知，我在“/src/styles/_header.css”中添加了带有一些背景img属性的.main header，然后用“main header”替换这个“particles js”。但它似乎不起作用

我想这对以前的人来说可能真的很简单

如果您能提供建议，我将不胜感激

---

谢谢

如果您不想，请尝试删除

及其结束标记，然后添加

阅读这篇文章

---

我个人建议您运行本地托管的文件（Localhost）。

好的。。！你到底要不要粒子效果？@Anglesvar Cheenu我不想要！我只想删除这个动画，并把我自己的图像代替。谢谢你的答复。正如您和文章所说，我更改了在本地主机上运行的部分，但它似乎不起作用。