本地机器上的问题 运行 codepen 项目

Question

我正在尝试将 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 是否有什么东西使我无法 运行 它在我的本地机器上？我该如何解决这个问题？

Answer 1

只需添加一个本地路径：

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

以上是部分绝对链接 - 要使它们正常工作，您需要 Internet 并在 //:

之前添加 https:

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

Answer 2

只需删除所有链接的 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>