web-dev-qa-db-fra.com

Redimensionner l'image dans le wiki de GitHub en utilisant Markdown

J'écris une page wiki sur GitHub, et j'utilise Markdown.

Mon problème est que je mets une grande image (cette image est dans son propre référentiel) et que je dois la redimensionner.

J'ai essayé différentes solutions, mais elles ne fonctionnent pas:

![image](http://url.to/image.png "Title" {width=40px height=400px})

![image](http://url.to/image.png = 250x250)

![image](http://url.to/image.png = 250x)

[[http://url.to/image.png = 250x]]

Y a-t-il un moyen de l'obtenir?

C'est préférable sans HTML.

htmlgithubmarkdownwiki
222
fhuertas

Mis à jour:

Code (externe/interne):

![test](https://github.com/favicon.ico)

Code (interne/externe pour le dimensionnement ):

<img src="https://github.com/favicon.ico" width="48">

Exemple:

test

Ancienne réponse:

Cela devrait fonctionner:

[[ http://url.to/image.png | hauteur = 100px]]

Source: https://guides.github.com/features/mastering-markdown/

330
alciregi

Sur GitHub, vous pouvez utiliser HTML directement au lieu de Markdown:

<a href="url"><img src="http://url.to/image.png" align="left" height="48" width="48" ></a>

Cela devrait le faire.

54
Friedrich

Près de 5 ans après que seul le formatage HTML direct fonctionne pour les images sur GitHub et que d’autres options de démarquage empêchent toujours le chargement des images lorsque certaines tailles personnalisées sont spécifiées, même avec de mauvaises dimensions. Je préfère spécifier la largeur souhaitée et obtenir la hauteur calculée automatiquement, par exemple,

<img src="https://github.com/your_image.png" alt="Your image title" width="250"/>
1
Kate Orlova

J'ai utilisé les méthodes décrites ci-dessus. Maintenant, j'utilise la méthode qui est similaire mais plus simple pour moi.

  1. Créez d’abord le fichier add README.md dans votre projet.
  2. Ensuite, téléchargez des captures d’écran ou les images de description nécessaires dans le répertoire principal de votre projet.
  3. Après avoir téléchargé l'image, les actifs utilisent le langage HTML pour les référencer directement sans utiliser le lien ci-dessous.

Amdroid Video Recorder pour enregistrer des vidéos sans interface utilisateur. Enregistre une vidéo même lorsque l'écran est éteint.

<img src="icon.jpg" width="324" height="324">

<p align="center">
  <img src="screen1.png" width="256" height="455">
  <img src="screen2.png" width="256" height="455">
  <img src="screen3.png" width="256" height="455">
</p>

Sur l'exemple ci-dessus, j'ai utilisé un paragraphe pour aligner des images côte à côte. Si vous utilisez une seule image, utilisez simplement le code ci-dessous.

<img src="icon.jpg" width="324" height="324">

Bonne journée!

1
Seymur Mammadli

GitHub Pages utilise maintenant kramdown comme moteur de réduction afin que vous puissiez utiliser le syntaxe suivante:

Here is an inline ![smiley](smiley.png){:height="36px" width="36px"}.

http://kramdown.gettalong.org/syntax.html#images

Je ne l'ai pas encore testé sur le wiki GitHub.

0
nicobo