本页介绍如何使用 img include 标签。

我们鼓励您上传页面中使用的图像，以确保 wiki 未来的完整性。对于外部图像（例如，如果文件对于 GitHub 来说太大），我们建议使用 markdown。

上传图片

如果您要添加到页面的图像尚未在网站上使用，则需要将其上传到网站内的存储库。您可以通过在 repository 的 media folder 内上传图像文件来完成此操作。

图片上传后，您可以按照下面的使用说明将其添加到您的页面。

引用图像

可以通过包含 img 和图像路径将图像添加到您的页面。也可以选择指定名称。例如 ：

{% include img name="spirals" src="/media/spirals.png" %}

注意 对于 /media 中的任何文件，前缀是可选的：

{% include img name="spirals" src="spirals" %}

如果文件名以 .svg、.png、.gif 或 .jpg 结尾，则文件扩展名也是可选的。

＃＃ 选项

课程

CSS 类可以使用 class 参数显式指定：

{% include img name="spirals" src="spirals" class="box" %}

＃＃＃ 宽度

图像宽度可以使用 width 参数手动控制：

{% include img name="spirals" src="spirals" width="50px" %}

＃＃＃ 结盟

或者，可以添加对齐规范 align="left"、align="right"、align="center" 或 align="fit"。

{% include img align="left" name="spirals" src="spirals" %}

Lorem ipsum dolor sat amet，qui possit aeterno denique ea，te usu affert consequuntur，vix in utinammentitum Reformidans。 Sed ea vidisse eripuit aliquid, no usu ullum dictas, an epicurei maluisset vix. Ne posse virtute impedit duo。 Eos homero euripidis 诚实没有。

Sed ex magnaHonestatis, ea illudHonestatis pri。 Vix libris nemore suscipiantur cu。 Offendit posidium 有 ad，nec ad vocent maiorum consetetur。 Vis ei iisque phaedrumatomorum, vis ea esse cetero。在 est qualisque adipiscing Reformidans 中，ut Sint habeo libris quo。

Mel tempor consetetur posidium in, mei admodum mentitum ullamcorper cu。我没有最初的忧伤。 Mea electram imperdiet adversarium in, vide reque ei sed。 Ut duo putant dictas theophrastus。 Ne vim etiam theophrastus，cu vel 最小 detracto，modus possit phaedrum ius an。 Noster nominavi persequeris 有前，野蛮的 mnesarchum intellegebat eu eum。

Aliquam gravida maximus quam。 Cras eu ornare sapien, ac tempor orci。

{% include img align="right" name="spirals" src="spirals" %}

Lorem ipsum dolor sat amet，qui possit aeterno denique ea，te usu affert consequuntur，vix in utinammentitum Reformidans。 Sed ea vidisse eripuit aliquid, no usu ullum dictas, an epicurei maluisset vix. Ne posse virtute impedit duo。 Eos homero euripidis 诚实没有。

Sed ex magnaHonestatis, ea illudHonestatis pri。 Vix libris nemore suscipiantur cu。 Offendit posidium 有 ad，nec ad vocent maiorum consetetur。 Vis ei iisque phaedrumatomorum, vis ea esse cetero。在 est qualisque adipiscing Reformidans 中，ut Sint habeo libris quo。

Mel tempor consetetur posidium in, mei admodum mentitum ullamcorper cu。我没有最初的忧伤。 Mea electram imperdiet adversarium in, vide reque ei sed。 Ut duo putant dictas theophrastus。 Ne vim etiam theophrastus，cu vel 最小 detracto，modus possit phaedrum ius an。 Noster nominavi persequeris 有前，野蛮的 mnesarchum intellegebat eu eum。

Aliquam gravida maximus quam。 Cras eu ornare sapien, ac tempor orci。

{% include img align="center" name="spirals" src="spirals" %}

Albucius eligendi est ei。 Graeco alterum prodesset 专业广告。 Eum movet populo mediocrem ad, ut vix scaevola legendostractatos.所有青少年都充满活力。 Ut sea quando soluta qualisque, qui in simul reprehendunt, pro ei dico abhorreant. Ius amet munere erroribus te。

{% include img align="fit" name="spirals" src="spirals" %}

Eum ei melius salutandi Urbanitas，id duo modo Discere dolorum。 Tota noumes ei vis, mea ne reque efficiantur, forensibus reprimique id duo。 Ocurreret voluptaria in est, an sed nemore similique, affert aeterno recteque an nam. Porro integre detracto et sea, eum ne nulla ancillae intellegat. Ex dolorum Referrentur cum, nec ei officiis convenire, ad vis cibo timeam.

数字

图是带有图例文本的图像。

用法

可以通过包含 img 后跟位置（例如 align="left"、align="right" 和 align="center"）以及图例文本的 caption 变量来添加图像和随附的图例文本。

示例 1

{% include img align="left" name="spiral left" src="spirals" caption="**Figure 1**: This is a left figure." %}

Lorem ipsum dolor sat amet，qui possit aeterno denique ea，te usu affert consequuntur，vix in utinammentitum Reformidans。 Sed ea vidisse eripuit aliquid, no usu ullum dictas, an epicurei maluisset vix. Ne posse virtute impedit duo。 Eos homero euripidis 诚实没有。

Sed ex magnaHonestatis, ea illudHonestatis pri。 Vix libris nemore suscipiantur cu。 Offendit posidium 有 ad，nec ad vocent maiorum consetetur。 Vis ei iisque phaedrumatomorum, vis ea esse cetero。在 est qualisque adipiscing Reformidans 中，ut Sint habeo libris quo。

Mel tempor consetetur posidium in, mei admodum mentitum ullamcorper cu。我没有最初的忧伤。 Mea electram imperdiet adversarium in, vide reque ei sed。 Ut duo putant dictas theophrastus。 Ne vim etiam theophrastus，cu vel 最小 detracto，modus possit phaedrum ius an。 Noster nominavi persequeris 有前，野蛮的 mnesarchum intellegebat eu eum。

Albucius eligendi est ei。 Graeco alterum prodesset 专业广告。 Eum movet populo mediocrem ad, ut vix scaevola legendostractatos.所有青少年都充满活力。 Ut sea quando soluta qualisque, qui in simul reprehendunt, pro ei dico abhorreant. Ius amet munere erroribus te。

Eum ei melius salutandi Urbanitas，id duo modo Discere dolorum。 Tota noumes ei vis, mea ne reque efficiantur, forensibus reprimique id duo。 Ocurreret voluptaria in est, an sed nemore similique, affert aeterno recteque an nam. Porro integre detracto et sea, eum ne nulla ancillae intellegat. Ex dolorum Referrentur cum, nec ei officiis convenire, ad vis cibo timeam.

示例2

或者在文本的右侧。

{% include img align="right" name="spiral right" src="spirals" caption="**Figure 2** : This is a right figure." %}

Lorem ipsum dolor sat amet，qui possit aeterno denique ea，te usu affert consequuntur，vix in utinammentitum Reformidans。 Sed ea vidisse eripuit aliquid, no usu ullum dictas, an epicurei maluisset vix. Ne posse virtute impedit duo。 Eos homero euripidis 诚实没有。

Sed ex magnaHonestatis, ea illudHonestatis pri。 Vix libris nemore suscipiantur cu。 Offendit posidium 有 ad，nec ad vocent maiorum consetetur。 Vis ei iisque phaedrumatomorum, vis ea esse cetero。在 est qualisque adipiscing Reformidans 中，ut Sint habeo libris quo。

Mel tempor consetetur posidium in, mei admodum mentitum ullamcorper cu。我没有最初的忧伤。 Mea electram imperdiet adversarium in, vide reque ei sed。 Ut duo putant dictas theophrastus。 Ne vim etiam theophrastus，cu vel 最小 detracto，modus possit phaedrum ius an。 Noster nominavi persequeris 有前，野蛮的 mnesarchum intellegebat eu eum。

Albucius eligendi est ei。 Graeco alterum prodesset 专业广告。 Eum movet populo mediocrem ad, ut vix scaevola legendostractatos.所有青少年都充满活力。 Ut sea quando soluta qualisque, qui in simul reprehendunt, pro ei dico abhorreant. Ius amet munere erroribus te。

Eum ei melius salutandi Urbanitas，id duo modo Discere dolorum。 Tota noumes ei vis, mea ne reque efficiantur, forensibus reprimique id duo。 Ocurreret voluptaria in est, an sed nemore similique, affert aeterno recteque an nam. Porro integre detracto et sea, eum ne nulla ancillae intellegat. Ex dolorum Referrentur cum, nec ei officiis convenire, ad vis cibo timeam.

示例 3

或居中。

{% include img align="center" name="spiral center" src="spirals" caption="**Figure 1**: This is a centered figure." %}

图片库

用法

{% include gallery content=
"
/media/editing/pic01.jpg | Example 1
/media/editing/pic02.jpg | Example 2
/media/editing/pic03.jpg | Example 3
/media/editing/pic04.jpg | Example 4
/media/icons/imagej2.png | ImageJ!
"
%}

Example 1

Example 2

Example 3

Example 4

ImageJ!