Puis-je exécuter des fichiers HTML directement depuis GitHub, au lieu de simplement visualiser leur source ?

Question

Si j'ai un .html dans un dépôt GitHub, par exemple pour exécuter un ensemble de tests JavaScript, existe-t-il un moyen d'afficher directement cette page et d'exécuter les tests ?

Par exemple, pourrais-je d'une manière ou d'une autre voir les résultats des tests qui seraient produits par la suite de tests jQuery sans télécharger ou cloner le dépôt sur mon disque local et les exécuter là ?

Je sais que cela mettrait GitHub sur le marché de l'hébergement de contenu statique, mais là encore, ils n'ont qu'à changer leur mime-type de text/plain à text/html .

Answer 1

Vous pouvez utiliser raw.githack.com . Il prend en charge GitHub, Bitbucket, Gitlab et les gists GitHub.

GitHub

Avant :

https://raw.githubusercontent.com/[user]/[repository]/[branch]/[filename.ext]

Dans votre cas .html extension

Après :

Développement (étranglé)

https://raw.githack.com/[user]/[repository]/[branch]/[filename.ext]

Production (CDN)

https://rawcdn.githack.com/[user]/[repository]/[branch]/[filename.ext]

Dans votre cas .html extension

---

raw.githack.com prend également en charge d'autres services :

Bitbucket

Avant :

https://bitbucket.org/[user]/[repository]/raw/[branch]/[filename.ext]

Après :

Développement (étranglé)

https://bb.githack.com/[user]/[repository]/raw/[branch]/[filename.ext]

Production (CDN)

https://bbcdn.githack.com/[user]/[repository]/raw/[branch]/[filename.ext]

GitLab

Avant :

https://gitlab.com/[user]/[repository]/raw/[branch]/[filename.ext]

Après :

Développement (étranglé)

https://gl.githack.com/[user]/[repository]/raw/[branch]/[filename.ext]

Production (CDN)

https://glcdn.githack.com/[user]/[repository]/raw/[branch]/[filename.ext]

Gists GitHub

Avant :

https://gist.githubusercontent.com/[user]/[gist]/raw/[revision]/[filename.ext]

Après :

Développement (étranglé)

https://gist.githack.com/[user]/[gist]/raw/[revision]/[filename.ext]

Production (CDN)

https://gistcdn.githack.com/[user]/[gist]/raw/[revision]/[filename.ext]

---

Mise à jour : rawgit a été abandonné

Answer 2

Il existe un nouvel outil appelé Aperçu HTML de GitHub qui fait exactement ce que vous voulez. Préparez simplement http://htmlpreview.github.io/? à l'URL de n'importe quel fichier HTML, par ex. http://htmlpreview.github.io/?https://github.com/twbs/bootstrap/blob/gh-pages/2.3.2/index.html

Remarque : cet outil est en fait une page github.io et n'est pas affilié à github en tant que société.

Answer 3

Bien que vous ne puissiez pas le faire directement dans le dépôt, vous pouvez consulter http://pages.github.com/ .

Answer 4

Pour reprendre la réponse de @niutech, vous pouvez créer un snippet de signet très simple.
J'utilise Chrome, mais cela fonctionne de la même manière avec d'autres navigateurs.

1. Faites un clic droit sur votre barre de signets
2. Cliquez sur Ajouter un fichier
3. Donnez-lui un nom comme Github HTML
4. Pour le URL type javascript:top.location="http://htmlpreview.github.com/?"+document.URL
5. Lorsque vous êtes sur une page d'affichage de fichier github ( pas raw.github.com ), cliquez sur le lien du signet et vous êtes en or.

Answer 5

Vous pouvez soit brancher gh-pages pour exécuter votre code, soit essayer cette extension (Chrome, Firefox) : https://github.com/ryt/githtml

Si vous avez besoin de tests, vous pouvez y intégrer vos fichiers JS : http://jsperf.com/