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

ted*_*uss 10 gist d3.js github-pages

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

Jon*_*nah 15

通过示例学习最容易.以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主页上进行了解释.

希望有所帮助.


mik*_*ike 7

一旦你有了GIST的例子,你所要做的就是复制扩展名(即"username/hash")并将其放在bl.ocks.org/之后.所以,如果你有这个要点:

https://gist.github.com/mbostock/4063423
Run Code Online (Sandbox Code Playgroud)

可以通过以下URL的bl.ocks查看:

http://bl.ocks.org/mbostock/4063423
Run Code Online (Sandbox Code Playgroud)

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