在本地计算机上运行codepen项目的问题

Posted 2021-03-27

我想把https://codepen.io/SpacecaseArtist/project/editor/DQWYxo放到我的本地机器上玩它。

我单击右下角的导出，然后下载了zip。我将zip解压缩到一个文件夹中，然后在我的浏览器上打开index.html。当我打开它时，我会看到一个带有标题的可滚动空白页面。

我的第一个想法是必须有一些误导的资产，所以我查看了index.html文件，并看到：

<script src="//s3-us-west-2.amazonaws.com/s.cdpn.io/138941/draggble.min.js"></script>
<script src="//s3-us-west-2.amazonaws.com/s.cdpn.io/138941/teenmax.min.js"></script>
<script src="//s3-us-west-2.amazonaws.com/s.cdpn.io/138941/waypoints.min.js"></script>
<script src="//s3-us-west-2.amazonaws.com/s.cdpn.io/138941/classy.js"></script>

是否有这些.cdpn.io cns的东西，使我不能在我的本地机器上运行它？我怎么能绕过这个？

答案

只需添加本地路径：

<script src="path/to/file.js"></script>

以上是部分绝对链接 - 为了使它们工作，你需要互联网并在https:之前添加//：

<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/138941/draggble.min.js"></script>

另一答案

只需在src中删除所有链接的正斜杠。如下

<script src="s3-us-west-2.amazonaws.com/s.cdpn.io/138941/teenmax.min.js"></script>
<script src="s3-us-west-2.amazonaws.com/s.cdpn.io/138941/waypoints.min.js"></script>
<script src="s3-us-west-2.amazonaws.com/s.cdpn.io/138941/classy.js"></script>