91 votes

Intégrer des images à l'intérieur d'un wiki GitHub (gollum) référentiel?

Le Github wikis sont soutenus par un dépôt git puis le principal dépôt de projet.

Ce poste par le Github de l'équipe donne l'impression que vous devriez être en mesure de lien vers des images stockées dans le wiki référentiel à l'intérieur de la syntaxe wiki.

Des Images et des Dossiers

Vous pouvez maintenant faire référence à des images hébergé à l'intérieur du dépôt Git.

J'ai vérifié mon wiki du référentiel et poussa un dossier de ressources et une image. Ma question est, comment puis-je aller sur l'utilisation de cette image?

Est-ce encore possible ou ai-je mal compris quelque chose?

104voto

Ryan Q Points 1752

Pour les téléspectateurs qui souhaitent visualiser les images sur un github wiki, j'ai trouvé la méthode suivante fonctionne:

  • Aller à la "Git", onglet à l'intérieur de la page du wiki de votre référentiel et récupérer le chemin SSH qui devrait être quelque chose comme: git@github.com:USER/REPO.wiki.git où UTILISATEUR est le nom de votre compte et des PENSIONS est le nom du référentiel.
  • Sur votre machine, utilisez ce que chaque Git outil de ligne de commande que vous souhaitez cd dans votre répertoire local de choix et d'obtenir le référentiel via

    git clone git@github.com:USER/REPO.wiki.git

  • Maintenant, au sein de ce référentiel de créer un répertoire de l'image, je vais l'appeler "images" et de mettre tout ce que les images que vous voulez dans le répertoire

  • Et puis poussez votre wiki git répertoire github
  • Vous ne serez pas en mesure physiquement de voir les images en disent les "Pages" de l'onglet, mais si vous avez simplement référence les images dans un lien local, vous devriez être en mesure de les voir. Exemple avec le format Markdown ci-dessous:

    ![Alt attribute text Here](images/YOURIMAGE.ext)

  • Vous pouvez aussi l'intégrer à l'image comme un lien lui-même en les enveloppant de plus, comme ceci:

    [![Alt attribute text Here](images/YOURIMAGE.ext)](http://Yoursite.com)

Vous pouvez également ajouter des sous-répertoires à l'intérieur de votre copie locale pour aider à organiser le wiki depuis l'onglet pages de simples listes. Gardez à l'esprit, cependant, que même lorsque le nouveau répertoire est repoussé les "pages" de l'onglet n'est pas de la liste de l'annuaire.

56voto

Benjamin Oakes Points 3715

À utiliser des chemins relatifs ne:

[[foo.jpg]]

Pour plus d'informations, voir la démo du wiki page sur les images.

33voto

its_me Points 1992

Aucune des réponses semblent fonctionner lors de l'ajout d'une image dans readme.md. J'ai une solution:

Si l'URL de l'image est:

https://github.com/Username/Repository-Name/blob/master/Directory-Inside-Repository/image.png

Remplacement d' blob avec raw vous donne l'URL de l'image raw:

https://github.com/Username/Repository-Name/raw/master/Directory-Inside-Repository/image.png

Maintenant, vous souhaitez intégrer l'image à l'aide de la normale markdown:

![Image Alt](https://github.com/Username/Repository-Name/raw/master/Directory-Inside-Repository/image.png)

Mise à JOUR: maintenant, GitHub sert également des images raw à partir d'un autre sous-domaine raw.github.com. Donc, vous pouvez aussi utiliser:

https://raw.github.com/Username/Repository-Name/master/Directory-Inside-Repository/image.png

EXEMPLE: https://raw.github.com/Automattic/liveblog/master/screenshot-1.png

28voto

Werner Points 141

Chemin d'accès relatif du travail pour moi comme ceci:

la page d'accueil du wiki:

![text](wiki/images/someimage.png)

une sous-page du wiki:

![text](images/someimage.png)

Notez que lorsque vous faites un aperçu de l'image ne sera pas le montrer, j'ai eu l'enregistrer.

16voto

user2932484 Points 11

Si vous voulez télécharger rapidement une image avec le glisser/déposer, vous pouvez effectuer les opérations suivantes (quoique hackish):

Créer un faux problème; drag & drop votre image; copier/coller le téléchargement de la démarque de l'image de code à votre wiki;

Après la création de la question une fois, vous pouvez l'utiliser n'importe quel nombre de temps pour ce faire.

Espérons que cela aide quelqu'un à la recherche d'une solution rapide, sans besoin d'avoir de l'image réside dans le repo.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X