我以前没有HTML、CSS和javascript方面的经验。
我正在尝试部署Jekyll的粒子主题(https://github.com/nrandecker/particle)。我想把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>
所以我想修改的部分是第一行。就我在谷歌上搜索而言，我在"/src/styles/_header.css"使用一些后台img属性，然后将此"particles-js"替换为"main header"。但它似乎不起作用。
我认为这对一个习惯的人来说可能真的很简单。
如果您能提供建议，我们将不胜感激。
感谢
如果您不想，请尝试删除<div id="particles-js">和它的结束标记，然后添加
<div style="background: url("/assets/img/your-image.png")">
阅读本文https://www.quora.com/How-do-I-add-a-background-image-located-in-the-computer-in-a-HTML-page-using-CSS.
而且，我个人建议您运行本地托管的文件(Localhost(。