getFile文件写法
getFile文件功能
会把某个文件夹下的文件显示在页面上。
例如我在source文件夹下，创建了一个叫做img的文件夹，把img的文件夹下的文件显示在页面上。
注意： 必须要在source文件夹下，文件夹名称可以随便取，下面事例中文件夹名称叫img
该标签需要主题版本为 2.3.6+
getFile文件写法示例如下
获取img文件夹下的.txt .pdf文件
获取img文件夹下的.png文件
获取img文件夹下的.gif文件
获取img文件夹下的所有文件
获取img文件夹下的所有文件，并指定左侧图片
上述代码示例
### 获取`img`文件夹下的.txt .pdf文件
{% getFiles img, txt pdf %}
### 获取`img`文件夹下的.png文件
{% getFiles img, png %}
### 获取`img`文件夹下的.gif文件
{% getFiles img, gif %}
### 获取`img`文件夹下的所有文件
{% getFiles img %}
### 获取`img`文件夹下的所有文件，并指定左侧图片
{% getFiles img, '', https://tse3-mm.cn.bing.net/th/id/OIP-C.oGbjgWNX4DBXyKf0P_xOmwHaHa?w=212&h=188&c=7&o=5&dpr=1.24&pid=1.7 %}inlineimage效果
这是 
一段话。
这又是 一段话。
这又是 一段话。
上述事例代码
这是 {% inlineimage http://img.doutula.com/production/uploads/image/2019/08/15/20190815849485_fKMqYD.gif %} 一段话。
这又是 {% inlineimage http://img.doutula.com/production/uploads/image/2019/08/15/20190815849485_fKMqYD.gif, height=40px %} 一段话。
这又是 {% inlineimage http://img.doutula.com/production/uploads/image/2019/08/15/20190815849485_fKMqYD.gif, height=100px %} 一段话。自定义图片并添加描述
自定义图片
上述事例代码
{% image https://pic2.zhimg.com/80/v2-cc93c338d57783702bea4506aee7007d_1440w.jpg?source=1940ef5c, alt=自定义图片 %}指定宽度
上述事例代码
{% image https://api.ixiaowai.cn/gqapi/gqapi.php, width=400px, alt=随机生成风景（alt描述可有可无） %}
{% image https://api.ixiaowai.cn/api/api.php, width=400px, alt=随机生成二次元壁纸 %}设置占位背景色
上述事例代码
{% image https://api.ixiaowai.cn/mcapi/mcapi.php, width=400px, bg=#1D0C04, alt=随机生成呆萌酱 %}gallery图片
使用该标签请先将主题下的_config.yml中的fancybox设置为true
一行一个图片
上述事例代码
{% gallery %}
{% endgallery %}一行多个图片（不换行）
上述事例代码
{% gallery %}
{% endgallery %}多行多个图片（每行2～8个图片）
上述事例代码
{% gallery stretch, 4 %}
{% endgallery %}多行多个图片（每行2～8个图片）
上述事例代码
多行多个图片（每行2～8个图片）
{% gallery stretch, 8 %}
{% endgallery %}组合使用
上述事例代码
{% gallery %}
{% endgallery %}
{% gallery %}
{% endgallery %}
{% gallery %}
{% endgallery %}galleryGroup图片
提示:使用该标签请先将主题下的_config.yml中的fancybox设置为true
galleryGroup图片示例
上述示例代码
<div class="gallery-group-main">
{% galleryGroup '壁纸' '收藏的一些壁纸' '/gallery/bizhi' https://pic1.zhimg.com/80/v2-23c3820e8abfb1cef689531af2dc6d09_1440w.jpg?source=1940ef5c %}
{% galleryGroup '古典图片' '中国古典图片' '/gallery/gudian' https://pic1.zhimg.com/80/v2-8d542d68cbbf0e5f503da9e3f72b8447_1440w.jpg?source=1940ef5c %}
{% galleryGroup '风景' '风景图片' '/gallery/fengjing' https://pic1.zhimg.com/80/v2-56164ef0695767475935c9e019c594ae_1440w.jpg?source=1940ef5c %}
</div>audio音频效果展示
上述示例代码
{% title h1, audio音频效果展示 %}
{% audio http://qiniu.cunzhuang.top/%E5%85%AD%E5%93%B2%20-%20%E4%BD%A0%E7%9A%84%E5%BF%83%E6%98%AF%E5%90%A6%E4%B9%9F%E6%9C%89%E6%88%91%E7%9A%84%E5%90%8D.mp3 %}video演示
100%宽度
50%宽度
25%宽度
上述事例代码
{% title h1, video演示 %}
100%宽度
{% video https://assets.mixkit.co/videos/preview/mixkit-down-the-river-in-a-bamboo-canoe-6804-large.mp4 %}
50%宽度
{% videos, 2 %}
{% video https://assets.mixkit.co/videos/preview/mixkit-down-the-river-in-a-bamboo-canoe-6804-large.mp4 %}
{% video https://assets.mixkit.co/videos/preview/mixkit-down-the-river-in-a-bamboo-canoe-6804-large.mp4 %}
{% video https://assets.mixkit.co/videos/preview/mixkit-down-the-river-in-a-bamboo-canoe-6804-large.mp4 %}
{% video https://assets.mixkit.co/videos/preview/mixkit-down-the-river-in-a-bamboo-canoe-6804-large.mp4 %}
{% endvideos %}
25%宽度
{% videos, 4 %}
{% video https://assets.mixkit.co/videos/preview/mixkit-down-the-river-in-a-bamboo-canoe-6804-large.mp4 %}
{% video https://assets.mixkit.co/videos/preview/mixkit-down-the-river-in-a-bamboo-canoe-6804-large.mp4 %}
{% video https://assets.mixkit.co/videos/preview/mixkit-down-the-river-in-a-bamboo-canoe-6804-large.mp4 %}
{% video https://assets.mixkit.co/videos/preview/mixkit-down-the-river-in-a-bamboo-canoe-6804-large.mp4 %}
{% video https://assets.mixkit.co/videos/preview/mixkit-down-the-river-in-a-bamboo-canoe-6804-large.mp4 %}
{% video https://assets.mixkit.co/videos/preview/mixkit-down-the-river-in-a-bamboo-canoe-6804-large.mp4 %}
{% video https://assets.mixkit.co/videos/preview/mixkit-down-the-river-in-a-bamboo-canoe-6804-large.mp4 %}
{% video https://assets.mixkit.co/videos/preview/mixkit-down-the-river-in-a-bamboo-canoe-6804-large.mp4 %}
{% endvideos %}
