Ridimensiona l'immagine nella wiki di GitHub usando Markdown


255

Sto scrivendo una pagina wiki su GitHub e sto usando Markdown.

Il mio problema è che sto mettendo un'immagine di grandi dimensioni (questa immagine è nel suo repository) e ho bisogno di ridimensionarla.

Ho provato diverse soluzioni, ma non funzionano:

![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]]

C'è un modo per ottenerlo?

È preferibile senza HTML.


Risposte:


373

aggiornato:

Codice (esterno / interno):

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

Codice (interno / esterno per dimensionamento ):

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

Esempio:

test


Vecchia risposta:

Questo dovrebbe funzionare:

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

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


Grazie. <img src="..." width="48">funziona in README per le immagini caricate su GitHub.
Sam Dutton,

@SamDutton: sembra funzionare bene anche per le immagini ospitate altrove.
Jonik,

1
Provalo oggi. Github non riconoscerà la sintassi di [] (.. = 400) o [] (... = 400px), quindi se devo ridimensionare l'immagine, devo usare la sintassi <img />.
spikeyang,

1
La risposta barrata funziona se l'immagine viene aggiunta al wiki stesso.
Eduardo,

2
Cosa ha detto @Eduardo ... La "Vecchia risposta" che hai barrato è ciò per cui ho cercato internet - funziona ancora alla grande per i percorsi relativi (risorse all'interno della wiki). Inoltre, ho dovuto aggiungere una o due immagini all'interno di una tabella. Il personaggio della pipa mi dava pena a causa della tipica formattazione della tabella nel markdown. La fuoriuscita del tubo all'interno di una cella è ancora valido: [[ http://url.to/img.png \| height=48px]].
DanMad,

57

Su GitHub, puoi usare direttamente HTML invece di Markdown:

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

Questo dovrebbe farcela.


10
Grazie per la soluzione, è possibile senza codice HTML?
fhuertas,

1
Voglio solo notare che è possibile escludere in widthmodo che possa ridimensionare automaticamente la larghezza in base all'altezza.
Sono un drago rana il

2
Non solo su Github; Credo che l'HTML in linea sia consentito all'interno di Markdown in generale ...
Nicolas Miari,

br e h non aiutano.
JoshYates1980,

2

Quasi 5 anni dopo che solo la formattazione HTML diretta funziona per le immagini su GitHub e altre opzioni di markdown impediscono ancora il caricamento delle immagini quando si specificano alcune dimensioni personalizzate anche con dimensioni errate. Preferisco specificare la larghezza desiderata e calcolare automaticamente l'altezza, ad esempio

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


2

Ho usato i metodi sopra descritti. Ora sto usando il metodo che è un modo simile ma più semplice per me.

  1. Per prima cosa, aggiungi il file README.md al tuo progetto.
  2. Quindi carica gli screenshot o le immagini descrittive necessarie nella directory principale del tuo progetto.
  3. Dopo aver caricato le risorse immagine, utilizzare html per fare riferimento a queste risorse direttamente senza utilizzare il collegamento come di seguito

Come questo:

<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>

Nell'esempio sopra ho usato il paragrafo per allineare le immagini fianco a fianco. Se hai intenzione di usare una singola immagine, usa il codice come sotto

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

Buona giornata!


0

GitHub Pages ora utilizza kramdown come motore di markdown in modo da poter usare la sintassi seguente:

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

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

Non l'ho ancora testato sul wiki di GitHub.


1
@nicobo Ho provato sembra che non funzioni per l'immagine esterna?
user310291

Funziona nelle pagine di GitHib usando Jekyll, FYI (mi rendo conto che questa non è esattamente la domanda dei PO)
DavidJ,

0

Questo affronta la diversa domanda, come ottenere le immagini nel markdown di gist (al contrario di github) in primo luogo?


A dicembre 2015, sembra che solo i collegamenti ai file github.com o cloud.githubusercontent.como simili lavori. Passaggi che hanno funzionato per me in breve:

  1. Fai una sintesi, diciamo Mygist.md(e facoltativamente più file)
  2. Vai alla casella "Scrivi commento" alla fine
  3. Fai clic su "Allega file ... selezionandoli"; seleziona il tuo file di immagine locale
  4. GitHub presenta una lunga stringa lunga in cui inserisce l'immagine, ad esempio! [Khan-lasso-squared] ( https://cloud.githubusercontent.com/assets/1280390/12011119/596fdca4-acc2-11e5-84d0-4878164e04bb.png )
  5. Taglialo e incollalo a mano nel tuo Mygist.md.

Ma: le persone di GitHub potrebbero cambiare questo comportamento domani, senza documentarlo.


7
Dov'è l'aspetto del ridimensionamento?
koppor,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.