f.weber/jekyll-theme-chirpy
Template
1
0
Fork 0
mirror of https://github.com/cotes2020/jekyll-theme-chirpy.git synced 2025-12-18 05:41:31 +00:00
Code Issues Packages Releases Activity

docs: update tutorial

Browse Source 
docs: update tutorial
This commit is contained in:
Cotes Chung
2023-02-20 05:46:33 +08:00
parent b1453ccb0c
commit d921b981f7
3 changed files with 26 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
_posts/2019-08-08-write-a-new-post.md
View File

@@ -133,13 +133,16 @@ _Image Caption_
### Size
In order to prevent the page content layout from shifting when the image is loaded, we should set the width and height for each image:
In order to prevent the page content layout from shifting when the image is loaded, we should set the width and height for each image.
```markdown
![Desktop View](/assets/img/sample/mockup.png){: width="700" height="400" }
```
{: .nolineno}
> For an SVG, you have to at least specify its _width_, otherwise it won't be rendered.
{: .prompt-info }
Starting from _Chirpy v5.0.0_, `height` and `width` support abbreviations (`height` → `h`, `width` → `w`). The following example has the same effect as the above:
```markdown