從Github回購讓Gist在bl.ocks.org上顯示

Question

我創建了一個數據可視化應用程序並將其張貼爲Github page。 我現在想在集成D3.js可視化文件的bl.ocks.org網站上顯示此內容。 我該如何從github回購協議開始並創建維護回購代碼的相對依賴關係的要點？我是否需要重構所有代碼才能創建僅指向CDN源的單個文件應用程序？

Answer 1

這是最容易學習的例子。就拿bl.ocks主頁上的例子：

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

我們看到，產生它的要點，只取從URL末尾的ID號和appent它的要點URL，就像這樣：

http://gist.github.com/1353700

那要點包含3個文件，但兩個是可選的。要顯示塊的唯一要求是具有index.html。該文件應該包含你的完整的html文件和你的js腳本，包括cd3資源，如d3。或者，您可以將JavaScript代碼放在單獨的文件中，然後將其添加到要點中，然後從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 

它是如此的好，你並不需要在創建之後做任何額外的工作要旨。