如何在JSFiddle中添加本地文件？

Question

我进行了谷歌搜索，但未能找到与此主题相关的任何内容。如果我有一个链接

例如：

<a href="1.html">

如果我的HTML文档中有一个1.html文件，那么如何将它添加到jsfiddle中以便提供文件的链接..？我知道JSFiddle按钮中有一个外部文件选项卡，但我猜它是用于URL的。我的是本地文件。非常感谢任何帮助。

我也知道我们可以上传任何东西到JSFiddle。那么，我该如何应用我的链接或者我可以使用像postimg.org这样的服务来链接我的外部文件。

- shet_tayyy

Answer 1

你可以使用orionhub.org来托管你的文件，并从fiddle中链接到它。在Orion上，你需要创建项目，将文件添加到项目中，并使该文件作为该项目的一部分对外可见。开始时可能有点复杂，但这是有道理的，你会习惯的。

通过Orion使某个资源公开可用的详细步骤：

1. 导入/创建文件
2. 通过“打开相关”菜单选择“查看网站”

3. 添加一个站点（如果不存在）并从视图中复制公共链接

更新于2019/06/26 - codesandbox.io似乎允许上传文件，但可能不允许热链接到它。如果情况需要的话，也许是时候把它移到别的地方了。

- vector

---

Orionhub备忘单。创建文件。右键单击，打开相关内容，查看网站（您可能需要添加一个网站）。添加到网站中。然后转到左侧的网站图标（您可能需要启动该网站），在那里可以看到URL并且现在已经公开。在另一个未登录OrionHub的浏览器中进行测试。 - Valamas

@Valamas，我把你的评论添加到答案中了，因为在我注意到之前，我花了15分钟尝试获取链接 :) - Suncatcher

错误：“https://jsfiddle.net/”页面已通过HTTPS加载，但请求了不安全的脚本。 - WCMC

Answer 2

我认为jsfiddle不允许您上传其他html文件，只能上传其他资源文件。它还假定仅使用四个窗格之一（HTML/CSS/JS）。

相反，您可以使用像Plunker这样的网站，允许您添加不同类型的文件。它们将链接在一起：http://plnkr.co/edit/NgdBXGkDDG1nOy47TaSK?p=preview

- Explosion Pills

Answer 3

我更喜欢使用https://www.webpackbin.com，它的风格非常中立，加载速度很快，您也可以作为匿名用户使用。

当您保存一些代码后，可以通过分享链接与他人共享此代码。当他们开始修改时，实际上会创建自己的版本。您的版本将保持不变，并且仍可通过相同的链接访问。

- SimonSimCity

---

链接 https://www.webpackbin.com 不再存在。 - karel