Add new feature intro to docs

This commit is contained in:
Cotes Chung 2021-12-07 00:59:26 +08:00
parent 790cf30376
commit 6447ffaf59

View file

@ -50,7 +50,7 @@ The author information of the post usually does not need to be filled in the _Fr
---
author:
name: Full Name
url: https://example.com
link: https://example.com
---
```
@ -114,6 +114,8 @@ image:
Except for `alt`, all other options are necessary, especially the `width` and `height`, which are related to user experience and web page loading performance. Later section ["Image size"](#image-size) will also mention this.
Starting from _Chirpy v4.4.0_, the attributes `height` and `width` support abbreviations: `height``h`, `width``w`.
### Image caption
@ -134,6 +136,13 @@ In order to prevent the page content layout from shifting when the image is load
```
{: .nolineno}
Starting from _Chirpy v4.4.0_, `height` and `width` support abbreviations (`height` → `h`, `width``w`). The following example has the same effect as the above:
```markdown
![Desktop View](/assets/img/sample/mockup.png){: w="700" h="400" }
```
{: .nolineno}
### Image position
By default, the image is centered, but you can specify the position by using one of the classes `normal`, `left`, and `right`. For example: