随机文章出图
{% random_content_image %}作用:在文章当中随机出图。
原理:在templates\themes\主题\static\images\content_image这个文件夹当中你可以放入一些图片,将该标签引入内容模板当中后可以随机从这些图片当中抽出1张展示,出现类似文章有图的效果
使用方法:
{% random_content_image as img1 %}
{% if img1 %}<p class="text-center"><img src="{{img1}}" alt="{{ obj.title }}" style=" max-width: 80%;" class="rounded shadow-lg"></p>{% endif %}
如果可以确定路径中有图片,你可以直接将random_content_image放入img HTML标签中
<p class="text-center"><img src="{% random_content_image %}" alt="{{ obj.title }}" style=" max-width: 80%;" class="rounded shadow-lg"></p>将随机图片使中为img1的变量,你可以使用{{img1}}做为图片路径使用。
random_content_image(content=None, get_img=True)
'''
标签逻辑:
检查content有没有值传入,如果没有则直接随机出张图
content有值,如果有img且get_img为True则出图,否则无图
'''这个标签还有个判断逻辑,如果使用这个判断逻辑则为文章有图,可以根据需要进行出 图或者不出图
#传入内容,内容有图,这个标签也出图
{% random_content_image content=obj.content, get_img=True %}
#传入内容,内容有图,这个标签不出图
{% random_content_image content=obj.content, get_img=False %}注意:如果引入新的图片,图片须收集静态文件后才可以使用
随机缩略图
{% nopic %}作用:当内容没有缩略图时,可以随机出一张缩略图
原理:与random_content_image标签的原理是一样的,路径为:templates\themes\主题\static\images\no_pic,我们本来放了几个图片,在默认模板可以看到效果
使用方法:
<img src="{% if item.thumb_image %}{{ uploadpath }}{{item.thumb_image}}{%else%}{% nopic %}{% endif %}" alt="{{ item.title }}" class="rounded me-3" onerror="javascript:this.style.display='none'">
thumb_image为内容设置的缩略图