About images (.md)

Images have a similar syntax to links but include a preceding exclamation point.

![agence](https://github.com/vjeantet/vjeantet.fr/raw/master/static/images/sgthon/C.jpg)

agence

Resizing image

Add HTTP parameters width and/or height to the link image to resize the image. Values are CSS values (default is auto).

![Hackathon](https://github.com/vjeantet/vjeantet.fr/raw/master/static/images/sgthon/C.jpg?height=180px)

agence

Add CSS classes

Add a HTTP classes parameter to the link image to add CSS classes. shadow and border are available but you could define other ones.

![s](https://github.com/vjeantet/vjeantet.fr/raw/master/static/images/sgthon/C.jpg?classes=border,shadow)

agence


Image with relative URL

The solution above doees not work (or does it?)

![Foto Peter](/img/petzi.jpg?height=180px)

Foto Peter

Other solution ist HTML for .md files

    <img src="/img/petzi.jpg" alt="Foto Peter" style="width: 100px; height: 100px"/>

Foto Peter

In .Rmd files work the following code:

    ![Foto Peter](/img/petzi.jpg){ width=10% }

( Not here, because this is an .md file.)

In inline markdowmn

If you are using external markdown (for instance using sildes with reveal.js) then you can use:

    ![Foto Peter](/img/petzi.jpg)<!-- .element height="50%" width="50%" -->
Creative Commons LicenseThis work by Peter Baumgartner is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
Permissions beyond the scope of this license may be available at http://peter.baumgartner.name/kontakt.
Powered by the docdock theme for Hugo.