Supprimer _showcase/default/image_text_1.md
Build and Deploy Jekyll / deploy (push) Successful in 44s
Build and Deploy Jekyll / deploy (push) Successful in 44s
This commit is contained in:
@@ -1,21 +0,0 @@
|
|||||||
---
|
|
||||||
show: true
|
|
||||||
width: 4
|
|
||||||
date: 2020-01-12 00:01:00 +0800
|
|
||||||
---
|
|
||||||
<div>
|
|
||||||
<img data-src="{{ 'assets/images/covers/cover1.jpg' | relative_url }}" class="lazy w-100 rounded-xl" src="{{ '/assets/images/empty_300x200.png' | relative_url }}">
|
|
||||||
|
|
||||||
<div class="card-img-overlay" style="overflow: scroll; background: rgb(255,255,255,0.8)">
|
|
||||||
<h5 class="card-title">Image Lazyload</h5>
|
|
||||||
<p class="card-text">
|
|
||||||
It is highly recommended to use lazyload for images to improve page loading speed, especially for pages with many images.
|
|
||||||
Example code snippet:
|
|
||||||
</p>
|
|
||||||
<p class="card-text">
|
|
||||||
{% raw %}
|
|
||||||
<code><img data-src="[Image URL]" class="lazy w-100 rounded-xl" src="{{ '/assets/images/empty_300x200.png' | relative_url }}"></code>
|
|
||||||
{% endraw %}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
Reference in New Issue
Block a user