从Github repo制作Gist，以便在bl.ocks.org上显示

Question

我创建了一个数据可视化应用并将其发布为Github page。 我现在想在聚合D3.js可视化的bl.ocks.org站点上显示此内容。 我怎样才能从github repo开始创建一个维护repo代码相对依赖关系的要点？我是否需要重构所有代码以制作仅指向CDN源的单文件应用程序？

Answer 1

通过示例学习最容易。以bl.ocks主页为例：

http://bl.ocks.org/mbostock/1353700

现在要查看生成它的要点，只需从URL的末尾获取id号并将其添加到gist url中，如下所示：

http://gist.github.com/1353700

该要点包含3个文件，但其中两个是可选的。要显示块的唯一要求是使用index.html。该文件应包含您的js脚本的完整html文件，包括cdn资源，如d3。或者，您可以将javascript代码放在单独的文件中，然后将其添加到gist中，然后从index.html文件链接到该文件。

如果您想提供示例的说明及其图像，也可以添加README.md和thumbnail.png。这也在bl.ocks主页上进行了解释。

希望有所帮助。

Answer 2

一旦你有了GIST的例子，你所要做的就是复制扩展名（即“username / hash”）并将其放在bl.ocks.org/之后。所以，如果你有这个要点：

https://gist.github.com/mbostock/4063423

可以通过以下网址的bl.ocks查看：

http://bl.ocks.org/mbostock/4063423

在创建要点之后，您不需要做任何额外的工作。