Volantis

The Image tag is a tag for a single picture application scenario, supporting picture description text and specified width.

This plugin was last updated in version 4.0

{% image link, width=width (optional), height=height (optional), alt=description (optional), bg=placeholder color (optional) %}

Demo effect

Add description:

The way back to the dormitory after class every day

Specify width:

Specify the width and add a description:

The way back to the dormitory after class every day

Set the background color of the placeholder:

Optimize the look and feel of browsing in different widths

Source code of the above example

example:

Add description:

{% image https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/025.jpg, alt=The way back to the dormitory after class every day, there is no story. %}

Specify width:

{% image https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/025.jpg, width=400px %}

Specify the width and add a description:

{% image https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/025.jpg, width=400px, alt=The way back to the dormitory after class every day, there is no story. %}

Set the placeholder background color:

{% image https://gcore.jsdelivr.net/gh/volantis-x/cdn-wallpaper-minimalist/2020/025.jpg, width=400px, bg=#1D0C04, alt=Optimize the look and feel of browsing with different widths %}

Supportable parameters

Picture width and height

example:

width=300px, height=32px

image description

example:

alt=picture description

Placeholder background color

example:

bg=#f2f2f2