Jekyll 杰基尔能支持视差效果吗？

我创建了一个空白的jekyll博客，并将parallax.js与CDNlink一起加入其中，链接如下： （script type=“text/javascript”src=”https://cdnjs.cloudflare.com/ajax/libs/parallax/3.1.0/parallax.min.js“>） 但是当我在localhost中运行它时，我导入的移动效果不起作用。在我创建的rails应用程序中，它在那里工作得非常好。如果我将它部署在GITHUB页面上，视差会在那里工作吗？我应该怎么做来解决这个问题？ 我上传到github页面。有很多问题需要解决，但目前我看不到图像。

是的，视差效果可以在Github页面上使用。 您可能只是犯了一些编码错误

---

遵循的规则 1。在

我看到的第一个错误是不能在

之后放置任何内容。您的应用程序包含以下内容：

  </body>
</html>
<!-- Bootstrap core JavaScript -->
<script src="https://blackrockdigital.github.io/startbootstrap-creative/vendor/jquery/jquery.min.js"></script>
<script src="https://blackrockdigital.github.io/startbootstrap-creative/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

<!-- Plugin JavaScript -->
<script src="https://blackrockdigital.github.io/startbootstrap-creative/vendor/jquery-easing/jquery.easing.min.js"></script>
<script src="https://blackrockdigital.github.io/startbootstrap-creative/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>

<!-- Custom scripts for this template -->
<script src="https://blackrockdigital.github.io/startbootstrap-creative/js/creative.min.js"></script>

4。仅在声明函数后调用函数
我知道当你使用'defer'时会有点难以理解，但是经验法则是只有在你声明了一个函数之后才调用它。视差是在第71行中声明的函数：

---

虽然这是我将使用的解决方案，但它可能不是您想要的，正如您特别提到的视差和javascript解决方案。

共享您的repo或代码，以便我们可以看到哪里出了问题…；-）我刚刚编辑了你可以查看我已经更新了我的gh页面，但我没有注意到与ref文件的任何差异。你只修复了一个错误。。。你需要同时修复它们。如果你是这个意思，我也修复了body标签。你忘记了

baseurl

（5）。它终于起作用了。baseurl是错误的，我没有在我的基本url前面加“/”，我是这样做的：baseurl:“LazPap”，我应该这样做->baseurl:“/LazPap”

<!-- Bootstrap core JavaScript -->
<script src="https://blackrockdigital.github.io/startbootstrap-creative/vendor/jquery/jquery.min.js"></script>
<script src="https://blackrockdigital.github.io/startbootstrap-creative/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

<!-- Plugin JavaScript -->
<script src="https://blackrockdigital.github.io/startbootstrap-creative/vendor/jquery-easing/jquery.easing.min.js"></script>
<script src="https://blackrockdigital.github.io/startbootstrap-creative/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>

<!-- Custom scripts for this template -->
<script src="https://blackrockdigital.github.io/startbootstrap-creative/js/creative.min.js"></script>

</body></html>

SyntaxError: missing ) after conditionLazPap:184:34

<script type="text/javascript"src="https://cdnjs.cloudflare.com/ajax/libs/parallax/3.1.0/parallax.min.js"></script>

header.masthead {background-attachment: fixed;}