将css库添加到Squarespace

时间:2018-03-16 04:53:24

标签: squarespace

我目前无法尝试在滚动到我的squarespace代码时添加动画。我尝试添加cdn以及尝试通过文本超链接添加文档链接。有没有人知道如何将这个库https://michalsnik.github.io/aos/添加到squarespace cdn或其他方式。再次感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

你有很多方法可以做到这一点,虽然我不知道为什么它还没有为你工作。您能提供更多信息或链接到您的实际页面吗?

如果您不关心添加加载时间,可以使用Squarespace的代码注入器在{ "_id": "Acc1", "date": 1516374000000 "createdAt" : 1513810712802.0, "plates": [{ "_id": "Batch 1", "rego": "1QX-WA-123" }] } 标记之间使用<link><script>标记,如AOS文档中所示:

<head>

然后将js添加到<link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet">

<head>

您需要确保在加载脚本时通过代码注入器在<script src="bower_components/aos/dist/aos.js"></script> 中注入init代码来启动js:

<footer>

如果您正在优化负载(您应该这样做)的另一个选择是使用您的自定义构建一个小node.js应用程序并将AOS滚入其中。您可以使用Jason Barone的Squarespace Template Helper来开始这个。

在本地克隆repo(已安装节点包管理器)后,您可以 <script> AOS.init(); </script> 到目录,cd然后npm install aos --save。如果您遇到问题,请尝试运行npm i

然后添加所有动画和upload the compiled app to Squarespace