Am scris simplu tag parser-ul pentru a utiliza o dimensiune particularizată img în Jekyll.

https://gist.github.com/nurinamu/4ccf7197a1bdfb0d7079

{% img /path/to/img.png 100x200 %}

Puteți adăuga fișiere la _plugins folder.

Știu că răspunsul este un pic mai specific, dar s-ar putea ajuta pe alții în nevoie.

Cât de multe fotografii sunt încărcate folosind Imgur serviciu, puteți utiliza API detaliate aici pentru a modifica dimensiunea de fotografie.

Atunci când încărcarea o fotografie într-o problemă GitHub comentariu, acesta va fi adăugat prin Imgur, astfel încât acest lucru va ajuta foarte mult dacă fotografia este foarte mare.

Practic, în loc de http://i.imgur.com/12345.jpg, v-ar pune http://i.imgur.com/12345m.jpg pentru mijlocii imagine.

Ai putea folosi asta la fel de bine cu kramdown:

markdown
![drawing](drawing.jpg)   
{:.some-css-class style="width: 200px"}

sau

markdown
![drawing](drawing.jpg)   
{:.some-css-class width="200"}

În acest fel puteți adăuga direct arbitrare atribute la ultimul element html. Pentru a adăuga clase există o scurtătură .clasa.secondclass.

Înlocuiți ![title](image-url.tip) " cu " <img src="https://image-url.type" lățime="200" înălțime="200">

Pentru cei intereseted într-un rmarkdown " și " knitr soluție. Există câteva modalități de a redimensiona imagini într-un.rmdfișier, fără utilizarea dehtml`:

Puteți pur și simplu specifica o lățime pentru o imagine prin adăugarea de {width=123px}. Don't introducă spațiu în între paranteze:

![image description]('your-image.png'){width=250px}

O altă opțiune este de a utiliza knitr::include_graphics:

```{r, fig.cap="image description", out.width = '50%'}
knitr::include_graphics('your-image.png')

Nu este la fel cu a adăuga clasă și stil css

![pic][logo]{.classname}

apoi scrie jos link-ul și css de mai jos

[logo]: (picurl)


    .classname{
        width: 200px;
    }

Referință

Adăugarea de dimensiuni relative la sursa URL-ul va fi redat în majoritatea Reduceri rendere.

Am implementat acest lucru în Corilla așa cum cred că modelul este unul care urmează așteptările fluxurile de lucru existente, fără împingând utilizatorul să se bazeze pe bază HTML. Dacă instrumentul preferat nu't să urmeze un model similar it's valoare de ridicarea o cerere caracteristică.

Exemplu de sintaxă:

![a-kitten.jpg](//corilla.com/a-kitten-2xU3C2.jpg =200x200)

Exemplu de pisoi:

Pentru R-Markdown, niciuna dintre soluțiile de mai sus a lucrat pentru mine, așa că am apelat la regulat LaTeX sintaxa, care funcționează foarte bine.

\begin{figure}
 \includegraphics[width=300pt, height = 125 pt]{drawing.jpg}
\end{figure}

Apoi, puteți utiliza, de exemplu \begin{center} declarație în centrul imaginii.

Atunci când se utilizează Vas (eu sunt, folosind cu plat pagini)... am găsit care să permită în mod explicit (nu a fost în mod implicit pentru un motiv oarecare) 'attr_list' în extensii în apelul la reduceri nu truc - și atunci se poate folosi atributele (foarte util, de asemenea, pentru a accesa CSS class="clasa mea", de exemplu...).

FLATPAGES_HTML_RENDERER = prerender_jinja

și funcția:

def prerender_jinja(text):
    prerendered_body = render_template_string(Markup(text))
    pygmented_body   = markdown.markdown(prerendered_body, extensions=['codehilite', 'fenced_code', 'tables', 'attr_list'])
    return pygmented_body

Și apoi, în Markdown:

![image](https://octodex.github.com/images/yaktocat.png "This is a tooltip"){: width=200px}

Redimensionarea Reduceri Atașamente de Imagine în Jupyter Notebook

Am'm folosind jupyter_core-4.4.0 & jupyter notebook.

Daca're atașarea de imagini de introducerea acestora în markdown astfel:

![Screen%20Shot%202019-08-06%20at%201.48.10%20PM.png](attachment:Screen%20Shot%202019-08-06%20at%201.48.10%20PM.png)

Aceste "attachment" link-uri don't de lucru:

<img src="fixare:Ecran%20Shot%202019-08-06%20at%201.48.10%20.png" lățime="500"/>

A FACE ACEST LUCRU. Acest nu locul de muncă.

Trebuie doar să adăugați div paranteze.

``

Sper că acest lucru vă ajută!