如何在 SO 上与其他人共享工作 Famo.us 代码片段？答案

【问题标题】：How can I share working Famo.us code snippets with others on SO?如何在 SO 上与其他人共享工作 Famo.us 代码片段？
【发布时间】：2014-10-24 17:54:48
【问题描述】：

AFAIK，目前没有像 jsfiddle 或 codepen 这样的网站支持 Famo.us。是否有其他方法可以共享 Famo.us 的工作代码示例，这些示例足够永久以保证在 Stack Overflow 上使用？

【问题讨论】：

标签： famo.us

【解决方案1】：

从 5 月 16 日开始，Famo.us 将开始测试 Famous.js 的压缩 CDN 版本，其使用方式与将压缩 CDN 用于 JQuery 和 JQuery 插件的方式大致相同。 CDN 到位后，开发人员可以在 famo.us 大学、jsfiddle 和 codepen 中使用 famo.us 核心、famo.us 离散示例、famo.us 小部件和 famo.us 模板。

此外，我们还将测试一项新的 BUILD MIN 服务来超级缩小您的代码。将一个 .zip 文件发送到 famo.us 的 BUILD MIN 服务，然后取回一个自定义的 min'd 和 CDN'd Famous.js，它只使用我们应用所需的组件。

希望这会有所帮助。

【讨论】：

【解决方案2】：

我编译了 famo.us 以便在 jsfiddle 中使用它。

这里是 jsfiddle http://jsfiddle.net/jperl/7wEWU。

这是编译后的 repo https://github.com/jperl/famous-compiled。

【讨论】：

【解决方案3】：

http://jsfiddle.net/7beq5/2

<html>
  <script src='http://code.famo.us/lib/require.js'></script>
  <script src='http://code.famo.us/famous/0.2/famous.min.js'></script>

  <script> // (this could be another file)
    require(['famous/core/Engine',
      'famous/core/Surface',
      'famous/core/Modifier'
    ], function(Engine, Surface, Modifier){

        // --------------- use famo.us here ------------------ //

    });
  </script>
<html>

【讨论】：

【解决方案4】：

** 编辑 **

查看 jonperls 的答案。他编译了一个工作版本的 famo.us 以在 JSFiddle 中使用。只需使用 JSFiddle 的外部链接功能链接到编译的源代码。

** 原创 **

我还没有听说过任何方法可以根据工作示例共享 sn-ps。但您始终可以在此处托管代码。然后链接到工作示例。

我发现分享 Famo.us 演示的最快和最简单的方法是将示例托管在亚马逊 S3 上作为静态网页。

创建存储桶并使其充当静态托管站点非常容易。

担心 DNS 是可选的。当您将存储桶启用为静态主机时，您将获得一个端点。例如。

http://higherorderhuman.com.s3-website-us-east-1.amazonaws.com

您是否要处理设置 DNS 并将其指向更具吸引力的 URL，这取决于您。对我来说，两者都是..

http://higherorderhuman.com.s3-website-us-east-1.amazonaws.com/examples/lens.html

和

http://higherorderhuman.com/examples/lens.html

去同一个地方。

通过在 s3 上使用文件夹并创建单独的 html 文件，我可以托管来自这个单一端点的所有示例。例如。另一个例子在..

http://higherorderhuman.com/examples/scrollbars.html

只需确保所有上传的文件都通过“公开”公开。

仍然期待 JSFiddle 的支持。但至少现在这对我有用！

【讨论】：

我想的也差不多。感谢您的确认。
没问题！ Famo.us 大学可能很快就会做类似的事情。我知道他们在谈论允许用户创建课程，我相信也可以完成简单的演示。
我的回答中有一个 JSFiddle 示例stackoverflow.com/a/23599082/230462

【解决方案5】：

codefamo.us 网站于今天（5 月 19 日）推出。如果以名称 main.js 保存，它会显示存储为 GitHub Gist 的 famo.us 代码。

要查看代码的工作示例，只需将 gist 标识符添加到“gist.codefamo.us”uri 的末尾：

例如：

http://gist.codefamo.us/74ca030bafdca1635e47

代码显示在可折叠面板中并在预览面板中运行。您可以更改代码并在预览中看到它们的反映，类似于 Famo.us 大学。

披露：我是这个网站背后的两个人之一。

【讨论】：

如果您在 gist 中有 readme.md 或 readme.html 文件，它将显示在左侧的第三个面板中，再次类似于 Famo.us University。

【解决方案6】：

使用http://famousco.de/，然后在此处发布链接！

附言我是 Famousco.de 的站长 :)

【讨论】：