github pages dienen Javascript/d3 Visualisierungen

Question

Ich möchte JavaScript-Skripte zu dienen und sie so laufen lassen, dass Leute auf meine * .github.io Seite gehen und die Visualisierungen dort sehen können.

Ist das möglich? Wenn ja, wie kann ich das Javascript in den Abschlag einbetten?

Answer 1

Vom Markdown Syntax Overview:

Für Markup, die nicht von Markdowns Syntax abgedeckt ist, verwenden Sie einfach HTML selbst. Sie müssen es weder vorschreiben noch abgrenzen, um anzuzeigen, dass Sie von Markdown zu HTML wechseln. Sie verwenden nur die Tags.

Ich bin sicher, dass es einen besseren Weg, Skripte in einem Projekt gehören, aber wenn man sie wirklich in Ihrem Abschlags einbetten möchten, sollte es nichts hindert Sie daran sein zu tun, die folgenden:

# This is a title 

> this is a blockquote 

<script> 
    // this is a script that renders a chart 
    var chart = d3.select('body').append('svg') 
    // ...etc... 
</script> 

Answer 2

Klingt wie Sie ein bl.ocks einrichten möchten: auf GitHub Gist gehosteten

Dies ist ein einfacher Viewer für Code-Beispiele. Codieren Sie ein Beispiel mit Gist, und zeigen Sie dann Personen hier, um das Beispiel und den Quellcode live zu sehen!

Der Hauptquellcode für Ihr Beispiel sollte index.html genannt werden. Sie können auch eine README.md mit Markdown und eine thumbnail.png zur Vorschau hinzufügen. Die index.html kann relative Links zu anderen Dateien in Ihrem Gist verwenden. Sie können auch absolute Links zu freigegebenen Dateien wie D3, jQuery und Leaflet verwenden.

Sonst können Sie Zeug unter Verwendung einbetten.