Particulas no meu Site Jekyll

Quero Implementar as particulas na minha pagina inicial Jekyll

Estou tentando adicionar as particles no meu hero, na pagina inicial e não está dando certo. Meu site/blog é construido em Jekyll.

Meu código para implantar particles

As folhas de estilo e arquivos javascript estão colocados nas pastas assets/js e assets/css. Quais são os arquivos que adicionei nas pastas?

  • assets/css/particles.css
  • assets/js/particles.js
  • assets/js/app.js
  • assets/js/particles.min.js
  • assets/js/particlesjs.json (Meu arquivo de configurações das particulas)

Na pasta _includes tenho o arquivo particles.html com o seguinte conteúdo.

<!-- particles.js container -->
<div id="particles-js"></div>

Na pasta Layouts fiz o seguinte.

<!-- scripts -->
<script src="./assets/js/particles.js"></script>
<script src="./assets/js/app.js"></script>
<script src="./assets/js/particles.min.js"></script>

Minha hero estava usando uma imagem através de uma pseudoclasse em css. Comentei a background-image e adicionei content:" " a pseudoclasse para incluir a liquid {% includes particles.html %} dentro da folha principal do seu site/blog.
Ao analisar a saída do servidor, nenhum erro é encontrado, porém, as particulas não aparecem visualmente.

Meu site é dicasdoadmin. Vou deixar aqui para vocês terem uma ideia do que estou tentando fazer. Gostaria muito da ajuda de vocês. Obrigado.

Objetivo

Adicionar a particles.js na minha hero, onde tenho uma imagem de fundo com uma animação suave.

Link to source repository of the website?

1 Like

Boa tarde, amigo. Obrigado pela ajuda, mas já consegui resolver. Ainda não está totalmente finalizado. Estou modificando aos poucos do meu jeito. Para ver como ficou, acesse Dicas do Admin. Depois deixa o feedback o que achou. Valeu.

Good to read that! Good luck with your project then.