polv/zhdiary
1
0 Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

remove pug

Browse Source
This commit is contained in:
polv committed 2020-12-16 01:12:41 +07:00
1 parent e397c9ae1e
commit 68840c9c60
49 files changed
+1421 -806
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

_posts/2020/02/我和你-song.md
+1 -1
View File
@@ -6,7 +6,7 @@ tag:
- song
---
<iframe width="560" height="315" src="https://www.youtube.com/embed/z0tCpDY2Ong" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<%- youtube('z0tCpDY2Ong') %>
<!-- excerpt -->
_posts/2020/03/zhlevel-level-1.md
+12 -20
View File
@@ -7,16 +7,12 @@ tag:
Comes from my old repository [here](https://github.com/patarapolw/zhlevel/blob/master/resources/level/hanzi.json).
```pug parsed
a(data-make-html="card" href="https://github.com/patarapolw/zhlevel/blob/master/resources/level/hanzi.json")
| https://github.com/patarapolw/zhlevel/blob/master/resources/level/hanzi.json
pre(data-template style="display: none;").
image: 'https://avatars3.githubusercontent.com/u/21255931?s=400&v=4'
title: patarapolw/zhlevel
description: >-
Learn Chinese from sentences, Tatoeba, or use your own sentences -
patarapolw/zhlevel - /resources/level/hanzi.json
```
<x-card
href="https://github.com/patarapolw/zhlevel/blob/master/resources/level/hanzi.json"
image="https://avatars3.githubusercontent.com/u/21255931?s=400&v=4"
title="patarapolw/zhlevel"
description="Learn Chinese from sentences, Tatoeba, or use your own sentences - patarapolw/zhlevel - /resources/level/hanzi.json"
></x-card>
Level One
@@ -51,15 +47,11 @@ Level One
According to <https://github.com/patarapolw/zhlevel/blob/master/resources/level/hsk.yaml>
```pug parsed
a(data-make-html="card" href="https://github.com/patarapolw/zhlevel/blob/master/resources/level/hsk.yaml")
| https://github.com/patarapolw/zhlevel/blob/master/resources/level/hsk.yaml
pre(data-template style="display: none;").
image: 'https://avatars3.githubusercontent.com/u/21255931?s=400&v=4'
title: patarapolw/zhlevel
description: >-
Learn Chinese from sentences, Tatoeba, or use your own sentences -
patarapolw/zhlevel - /resources/level/hsk.yaml
```
<x-card
href="https://github.com/patarapolw/zhlevel/blob/master/resources/level/hsk.yaml"
image="https://avatars3.githubusercontent.com/u/21255931?s=400&v=4"
title="patarapolw/zhlevel"
description="Learn Chinese from sentences, Tatoeba, or use your own sentences - patarapolw/zhlevel - /resources/level/hsk.yaml"
></x-card>
爱, 八, 爸爸, 杯子, 北京, 本, 不, 不客气, 菜, 茶, 吃, 出租车, 打电话, 大, 的, 点, 电脑, 电视, 电影, 东西, 都, 读, 对不起, 多, 多少, 儿子, 二, 饭店, 飞机, 分钟
_posts/2020/04/千里之外-song.md
+1 -1
View File
@@ -5,7 +5,7 @@ tag:
- song
---
<iframe width="560" height="315" src="https://www.youtube.com/embed/ocDo3ySyHSI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<%- youtube('ocDo3ySyHSI') %>
<!-- excerpt -->
_posts/2020/04/祝福-song.md
+1 -1
View File
@@ -5,7 +5,7 @@ tag:
- song
---
<iframe width="560" height="315" src="https://www.youtube.com/embed/ZuJM8AOivYU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<%- youtube('ZuJM8AOivYU') %>
<!-- excerpt -->
_posts/2020/04/虫儿飞-song.md
+1 -1
View File
@@ -5,7 +5,7 @@ tag:
- song
---
<iframe width="560" height="315" src="https://www.youtube.com/embed/4CazJNOLoM0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<%- youtube('4CazJNOLoM0') %>
<!-- excerpt -->
_posts/千字文/千字文1.1.md
+40 -31
View File
@@ -1,41 +1,50 @@
---
title: "千字文 - 1/1"
createdAt: 2019-08-11T00:00:00+07:00
date: 2019-08-11T00:00:00+07:00
tag:
- 千字文
- 汉字
---
```pug parsed
.w-100.mt-3
h3.text-center 天地玄黃，宇宙洪荒。
.w-100
figure.d-inline-block
img(src="https://upload.wikimedia.org/wikipedia/commons/a/ab/天-order.gif" height=100 data-no-cache)
figcaption.text-center tian1
figure.d-inline-block
img(src="https://upload.wikimedia.org/wikipedia/commons/f/fb/地-order.gif" height=100 data-no-cache)
figcaption.text-center di4
figure.d-inline-block
img(src="https://upload.wikimedia.org/wikipedia/commons/d/d3/玄-order.gif" height=100 data-no-cache)
figcaption.text-center xuan2
figure.d-inline-block
img(src="https://upload.wikimedia.org/wikipedia/commons/e/e7/黄-order.gif" height=100 data-no-cache)
figcaption.text-center huang2
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/23431.gif" height=100 data-no-cache)
figcaption.text-center yu3
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/23449.gif" height=100 data-no-cache)
figcaption.text-center zhou4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/27946.gif" height=100 data-no-cache)
figcaption.text-center hong2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/33618.gif" height=100 data-no-cache)
figcaption.text-center huang1
```
<div class="w-100 mt-3">
<h3 class="text-center">天地玄黃，宇宙洪荒。</h3>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://upload.wikimedia.org/wikipedia/commons/a/ab/天-order.gif" height="100" />
<figcaption class="text-center">tian1</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://upload.wikimedia.org/wikipedia/commons/f/fb/地-order.gif" height="100" />
<figcaption class="text-center">di4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://upload.wikimedia.org/wikipedia/commons/d/d3/玄-order.gif" height="100" />
<figcaption class="text-center">xuan2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://upload.wikimedia.org/wikipedia/commons/e/e7/黄-order.gif" height="100" />
<figcaption class="text-center">huang2</figcaption>
</figure>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/23431.gif" height="100" />
<figcaption class="text-center">yu3</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/23449.gif" height="100" />
<figcaption class="text-center">zhou4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/27946.gif" height="100" />
<figcaption class="text-center">hong2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/33618.gif" height="100" />
<figcaption class="text-center">huang1</figcaption>
</figure>
</div>
<style>
img[height="100"] {
_posts/千字文/千字文1.2.md
+39 -30
View File
@@ -6,36 +6,45 @@ tag:
- 汉字
---
```pug parsed
.w-100.mt-3
h3.text-center 日月盈昃，辰宿列張。
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26085.gif" height=100 data-no-cache)
figcaption.text-center ri4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26376.gif" height=100 data-no-cache)
figcaption.text-center yue4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/30408.gif" height=100 data-no-cache)
figcaption.text-center ying2
figure.d-inline-block.text-center
.hanzi-img 昃
figcaption ze4
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/36784.gif" height=100 data-no-cache)
figcaption.text-center chen2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/23487.gif" height=100 data-no-cache)
figcaption.text-center su4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21015.gif" height=100 data-no-cache)
figcaption.text-center lie2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24373.gif" height=100 data-no-cache)
figcaption.text-center zhang1
```
<div class="w-100 mt-3">
<h3 class="text-center">日月盈昃，辰宿列張。</h3>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26085.gif" height="100" />
<figcaption class="text-center">ri4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26376.gif" height="100" />
<figcaption class="text-center">yue4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/30408.gif" height="100" />
<figcaption class="text-center">ying2</figcaption>
</figure>
<figure class="d-inline-block text-center">
<div class="hanzi-img">昃</div>
<figcaption>ze4</figcaption>
</figure>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/36784.gif" height="100" />
<figcaption class="text-center">chen2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/23487.gif" height="100" />
<figcaption class="text-center">su4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21015.gif" height="100" />
<figcaption class="text-center">lie2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24373.gif" height="100" />
<figcaption class="text-center">zhang1</figcaption>
</figure>
</div>
<style>
img[height="100"] {
_posts/千字文/千字文1.3.md
+40 -30
View File
@@ -6,36 +6,46 @@ tag:
- 汉字
---
```pug parsed
.w-100.mt-3
h3.text-center 寒來暑往，秋收冬藏。
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/23506.gif" height=100 data-no-cache)
figcaption.text-center han2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20358.gif" height=100 data-no-cache)
figcaption.text-center lai2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26257.gif" height=100 data-no-cache)
figcaption.text-center shu3
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24448.gif" height=100 data-no-cache)
figcaption.text-center wang3
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/31179.gif" height=100 data-no-cache)
figcaption.text-center qiu1
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/25910.gif" height=100 data-no-cache)
figcaption.text-center shou1
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20908.gif" height=100 data-no-cache)
figcaption.text-center dong1
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/34255.gif" height=100 data-no-cache)
figcaption.text-center cang2
```
<div class="w-100 mt-3">
<h3 class="text-center">寒來暑往，秋收冬藏。</h3>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/23506.gif" height="100" />
<figcaption class="text-center">han2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20358.gif" height="100" />
<figcaption class="text-center">lai2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26257.gif" height="100" />
<figcaption class="text-center">shu3</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24448.gif" height="100" />
<figcaption class="text-center">wang3</figcaption>
</figure>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/31179.gif" height="100" />
<figcaption class="text-center">qiu1</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/25910.gif" height="100" />
<figcaption class="text-center">shou1</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20908.gif" height="100" />
<figcaption class="text-center">dong1</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/34255.gif" height="100" />
<figcaption class="text-center">cang2</figcaption>
</figure>
</div>
<style>
img[height="100"] {
_posts/千字文/千字文1.4.md
+40 -30
View File
@@ -6,36 +6,46 @@ tag:
- 汉字
---
```pug parsed
.w-100.mt-3
h3.text-center 閏餘成歲，律呂調陽。
.w-100
figure.d-inline-block
.hanzi-img 閏
figcaption.text-center run4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/39192.gif" height=100 data-no-cache)
figcaption.text-center yu2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/25104.gif" height=100 data-no-cache)
figcaption.text-center cheng2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/27506.gif" height=100 data-no-cache)
figcaption.text-center sui4
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24459.gif" height=100 data-no-cache)
figcaption.text-center lu:4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21570.gif" height=100 data-no-cache)
figcaption.text-center lu:3
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/35519.gif" height=100 data-no-cache)
figcaption.text-center diao4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/38525.gif" height=100 data-no-cache)
figcaption.text-center yang2
```
<div class="w-100 mt-3">
<h3 class="text-center">閏餘成歲，律呂調陽。</h3>
</div>
<div class="w-100">
<figure class="d-inline-block">
<div class="hanzi-img">閏</div>
<figcaption class="text-center">run4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/39192.gif" height="100"/>
<figcaption class="text-center">yu2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/25104.gif" height="100"/>
<figcaption class="text-center">cheng2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/27506.gif" height="100"/>
<figcaption class="text-center">sui4</figcaption>
</figure>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24459.gif" height="100"/>
<figcaption class="text-center">lu:4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21570.gif" height="100"/>
<figcaption class="text-center">lu:3</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/35519.gif" height="100"/>
<figcaption class="text-center">diao4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/38525.gif" height="100"/>
<figcaption class="text-center">yang2</figcaption>
</figure>
</div>
<style>
img[height="100"] {
_posts/千字文/千字文1.5.md
+39 -30
View File
@@ -6,36 +6,45 @@ tag:
- 汉字
---
```pug parsed
.w-100.mt-3
h3.text-center 雲騰致雨，露結為霜。
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/38642.gif" height=100 data-no-cache)
figcaption.text-center yun2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/39472.gif" height=100 data-no-cache)
figcaption.text-center teng2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/33268.gif" height=100 data-no-cache)
figcaption.text-center zhi4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/38632.gif" height=100 data-no-cache)
figcaption.text-center yu3
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/38706.gif" height=100 data-no-cache)
figcaption.text-center lu4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/32080.gif" height=100 data-no-cache)
figcaption.text-center jie2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/28858.gif" height=100 data-no-cache)
figcaption.text-center wei4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/38684.gif" height=100 data-no-cache)
figcaption.text-center shuang1
```
<div class="w-100 mt-3">
<h3 class="text-center">雲騰致雨，露結為霜。</h3>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/38642.gif" height="100" />
<figcaption class="text-center">yun2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/39472.gif" height="100" />
<figcaption class="text-center">teng2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/33268.gif" height="100" />
<figcaption class="text-center">zhi4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/38632.gif" height="100" />
<figcaption class="text-center">yu3</figcaption>
</figure>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/38706.gif" height="100" />
<figcaption class="text-center">lu4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/32080.gif" height="100" />
<figcaption class="text-center">jie2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/28858.gif" height="100" />
<figcaption class="text-center">wei4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/38684.gif" height="100" />
<figcaption class="text-center">shuang1</figcaption>
</figure>
</div>
<style>
img[height="100"] {
_posts/千字文/千字文1.6.md
+39 -30
View File
@@ -6,36 +6,45 @@ tag:
- 汉字
---
```pug parsed
.w-100.mt-3
h3.text-center 金生麗水，玉出崑岡。
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/37329.gif" height=100 data-no-cache)
figcaption.text-center jin1
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/29983.gif" height=100 data-no-cache)
figcaption.text-center sheng1
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/40599.gif" height=100 data-no-cache)
figcaption.text-center li4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/27700.gif" height=100 data-no-cache)
figcaption.text-center shui3
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/29577.gif" height=100 data-no-cache)
figcaption.text-center yu4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20986.gif" height=100 data-no-cache)
figcaption.text-center chu1
figure.d-inline-block
.hanzi-img 崑
figcaption.text-center kun1
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/23713.gif" height=100 data-no-cache)
figcaption.text-center gang1
```
<div class="w-100 mt-3">
<h3 class="text-center">金生麗水，玉出崑岡。</h3>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/37329.gif" height="100" />
<figcaption class="text-center">jin1</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/29983.gif" height="100" />
<figcaption class="text-center">sheng1</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/40599.gif" height="100" />
<figcaption class="text-center">li4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/27700.gif" height="100" />
<figcaption class="text-center">shui3</figcaption>
</figure>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/29577.gif" height="100" />
<figcaption class="text-center">yu4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20986.gif" height="100" />
<figcaption class="text-center">chu1</figcaption>
</figure>
<figure class="d-inline-block">
<div class="hanzi-img">崑</div>
<figcaption class="text-center">kun1</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/23713.gif" height="100" />
<figcaption class="text-center">gang1</figcaption>
</figure>
</div>
<style>
img[height="100"] {
_posts/千字文/千字文1.7.md
+39 -30
View File
@@ -6,36 +6,45 @@ tag:
- 汉字
---
```pug parsed
.w-100.mt-3
h3.text-center 劍號巨闕，珠稱夜光。
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21133.gif" height=100 data-no-cache)
figcaption.text-center jian4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/34399.gif" height=100 data-no-cache)
figcaption.text-center hao4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24040.gif" height=100 data-no-cache)
figcaption.text-center ju4
figure.d-inline-block
.hanzi-img 闕
figcaption.text-center que4
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/29664.gif" height=100 data-no-cache)
figcaption.text-center zhu1
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/31281.gif" height=100 data-no-cache)
figcaption.text-center cheng1
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/22812.gif" height=100 data-no-cache)
figcaption.text-center ye4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20809.gif" height=100 data-no-cache)
figcaption.text-center guang1
```
<div class="w-100 mt-3">
<h3 class="text-center">劍號巨闕，珠稱夜光。</h3>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21133.gif" height="100" />
<figcaption class="text-center">jian4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/34399.gif" height="100" />
<figcaption class="text-center">hao4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24040.gif" height="100" />
<figcaption class="text-center">ju4</figcaption>
</figure>
<figure class="d-inline-block">
<div class="hanzi-img">闕</div>
<figcaption class="text-center">que4</figcaption>
</figure>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/29664.gif" height="100" />
<figcaption class="text-center">zhu1</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/31281.gif" height="100" />
<figcaption class="text-center">cheng1</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/22812.gif" height="100" />
<figcaption class="text-center">ye4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20809.gif" height="100" />
<figcaption class="text-center">guang1</figcaption>
</figure>
</div>
<style>
img[height="100"] {
_posts/千字文/千字文1.8.md
+39 -30
View File
@@ -6,36 +6,45 @@ tag:
- 汉字
---
```pug parsed
.w-100.mt-3
h3.text-center 果珍李柰，菜重芥薑。
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26524.gif" height=100 data-no-cache)
figcaption.text-center guo3
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/29645.gif" height=100 data-no-cache)
figcaption.text-center zhen1
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26446.gif" height=100 data-no-cache)
figcaption.text-center li3
figure.d-inline-block
.hanzi-img 柰
figcaption.text-center nai4
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/33756.gif" height=100 data-no-cache)
figcaption.text-center cai4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/37325.gif" height=100 data-no-cache)
figcaption.text-center zhong4
figure.d-inline-block
.hanzi-img 柰
figcaption.text-center jie4
figure.d-inline-block
.hanzi-img 薑
figcaption.text-center jiang1
```
<div class="w-100 mt-3">
<h3 class="text-center">果珍李柰，菜重芥薑。</h3>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26524.gif" height="100" />
<figcaption class="text-center">guo3</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/29645.gif" height="100" />
<figcaption class="text-center">zhen1</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26446.gif" height="100" />
<figcaption class="text-center">li3</figcaption>
</figure>
<figure class="d-inline-block">
<div class="hanzi-img">柰</div>
<figcaption class="text-center">nai4</figcaption>
</figure>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/33756.gif" height="100" />
<figcaption class="text-center">cai4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/37325.gif" height="100" />
<figcaption class="text-center">zhong4</figcaption>
</figure>
<figure class="d-inline-block">
<div class="hanzi-img">柰</div>
<figcaption class="text-center">jie4</figcaption>
</figure>
<figure class="d-inline-block">
<div class="hanzi-img">薑</div>
<figcaption class="text-center">jiang1</figcaption>
</figure>
</div>
<style>
img[height="100"] {
_posts/千字文/千字文1.9.md
+39 -30
View File
@@ -6,36 +6,45 @@ tag:
- 汉字
---
```pug parsed
.w-100.mt-3
h3.text-center 海咸河淡，鱗潛羽翔。
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/28023.gif" height=100 data-no-cache)
figcaption.text-center hai3
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21688.gif" height=100 data-no-cache)
figcaption.text-center xian2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/27827.gif" height=100 data-no-cache)
figcaption.text-center he2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/28129.gif" height=100 data-no-cache)
figcaption.text-center dan4
.w-100
figure.d-inline-block
.hanzi-img 鱗
figcaption.text-center lin2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/28507.gif" height=100 data-no-cache)
figcaption.text-center qian2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/32701.gif" height=100 data-no-cache)
figcaption.text-center yu3
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/32724.gif" height=100 data-no-cache)
figcaption.text-center xiang2
```
<div class="w-100 mt-3">
<h3 class="text-center">海咸河淡，鱗潛羽翔。</h3>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/28023.gif" height="100" />
<figcaption class="text-center">hai3</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21688.gif" height="100" />
<figcaption class="text-center">xian2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/27827.gif" height="100" />
<figcaption class="text-center">he2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/28129.gif" height="100" />
<figcaption class="text-center">dan4</figcaption>
</figure>
</div>
<div class="w-100">
<figure class="d-inline-block">
<div class="hanzi-img">鱗</div>
<figcaption class="text-center">lin2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/28507.gif" height="100" />
<figcaption class="text-center">qian2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/32701.gif" height="100" />
<figcaption class="text-center">yu3</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/32724.gif" height="100" />
<figcaption class="text-center">xiang2</figcaption>
</figure>
</div>
<style>
img[height="100"] {
_posts/千字文/千字文2.1.md
+39 -30
View File
@@ -6,36 +6,45 @@ tag:
- 汉字
---
```pug parsed
.w-100.mt-3
h3.text-center 龍師火帝，鳥官人皇。
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/40845.gif" height=100 data-no-cache)
figcaption.text-center long2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24107.gif" height=100 data-no-cache)
figcaption.text-center shi1
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/28779.gif" height=100 data-no-cache)
figcaption.text-center huo3
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24093.gif" height=100 data-no-cache)
figcaption.text-center di4
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/40165.gif" height=100 data-no-cache)
figcaption.text-center niao3
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/23448.gif" height=100 data-no-cache)
figcaption.text-center guan1
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20154.gif" height=100 data-no-cache)
figcaption.text-center ren2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/30343.gif" height=100 data-no-cache)
figcaption.text-center huang1
```
<div class="w-100 mt-3">
<h3 class="text-center">龍師火帝，鳥官人皇。</h3>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/40845.gif" height="100" />
<figcaption class="text-center">long2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24107.gif" height="100" />
<figcaption class="text-center">shi1</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/28779.gif" height="100" />
<figcaption class="text-center">huo3</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24093.gif" height="100" />
<figcaption class="text-center">di4</figcaption>
</figure>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/40165.gif" height="100" />
<figcaption class="text-center">niao3</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/23448.gif" height="100" />
<figcaption class="text-center">guan1</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20154.gif" height="100" />
<figcaption class="text-center">ren2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/30343.gif" height="100" />
<figcaption class="text-center">huang1</figcaption>
</figure>
</div>
<!-- excerpt_separator -->
_posts/千字文/千字文2.2.md
+39 -30
View File
@@ -6,36 +6,45 @@ tag:
- 汉字
---
```pug parsed
.w-100.mt-3
h3.text-center 始制文字，乃服衣裳。
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/22987.gif" height=100 data-no-cache)
figcaption.text-center shi3
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21046.gif" height=100 data-no-cache)
figcaption.text-center zhi4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/25991.gif" height=100 data-no-cache)
figcaption.text-center wen2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/23383.gif" height=100 data-no-cache)
figcaption.text-center zi4
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20035.gif" height=100 data-no-cache)
figcaption.text-center nai3
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26381.gif" height=100 data-no-cache)
figcaption.text-center fu2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/34915.gif" height=100 data-no-cache)
figcaption.text-center yi1
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/35059.gif" height=100 data-no-cache)
figcaption.text-center chang2
```
<div class="w-100 mt-3">
<h3 class="text-center">始制文字，乃服衣裳。</h3>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/22987.gif" height="100" />
<figcaption class="text-center">shi3</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21046.gif" height="100" />
<figcaption class="text-center">zhi4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/25991.gif" height="100" />
<figcaption class="text-center">wen2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/23383.gif" height="100" />
<figcaption class="text-center">zi4</figcaption>
</figure>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20035.gif" height="100" />
<figcaption class="text-center">nai3</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26381.gif" height="100" />
<figcaption class="text-center">fu2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/34915.gif" height="100" />
<figcaption class="text-center">yi1</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/35059.gif" height="100" />
<figcaption class="text-center">chang2</figcaption>
</figure>
</div>
<style>
img[height="100"] {
_posts/千字文/千字文2.3.md
+39 -30
View File
@@ -6,36 +6,45 @@ tag:
- 汉字
---
```pug parsed
.w-100.mt-3
h3.text-center 推位讓國，有虞陶唐。
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/25512.gif" height=100 data-no-cache)
figcaption.text-center tui1
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20301.gif" height=100 data-no-cache)
figcaption.text-center wei4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/35731.gif" height=100 data-no-cache)
figcaption.text-center rang4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/22283.gif" height=100 data-no-cache)
figcaption.text-center guo2
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26377.gif" height=100 data-no-cache)
figcaption.text-center you3
figure.d-inline-block
.hanzi-img 虞
figcaption.text-center fu2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/38518.gif" height=100 data-no-cache)
figcaption.text-center tao2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21776.gif" height=100 data-no-cache)
figcaption.text-center tang2
```
<div class="w-100 mt-3">
<h3 class="text-center">推位讓國，有虞陶唐。</h3>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/25512.gif" height="100" />
<figcaption class="text-center">tui1</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20301.gif" height="100" />
<figcaption class="text-center">wei4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/35731.gif" height="100" />
<figcaption class="text-center">rang4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/22283.gif" height="100" />
<figcaption class="text-center">guo2</figcaption>
</figure>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26377.gif" height="100" />
<figcaption class="text-center">you3</figcaption>
</figure>
<figure class="d-inline-block">
<div class="hanzi-img">虞</div>
<figcaption class="text-center">fu2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/38518.gif" height="100" />
<figcaption class="text-center">tao2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21776.gif" height="100" />
<figcaption class="text-center">tang2</figcaption>
</figure>
</div>
<style>
img[height="100"] {
_posts/千字文/千字文2.4.md
+39 -30
View File
@@ -6,36 +6,45 @@ tag:
- 汉字
---
```pug parsed
.w-100.mt-3
h3.text-center 弔民伐罪，周發殷湯。
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24340.gif" height=100 data-no-cache)
figcaption.text-center diao1
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/27665.gif" height=100 data-no-cache)
figcaption.text-center min2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20240.gif" height=100 data-no-cache)
figcaption.text-center fa2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/32618.gif" height=100 data-no-cache)
figcaption.text-center zui4
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21608.gif" height=100 data-no-cache)
figcaption.text-center zhou1
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/30332.gif" height=100 data-no-cache)
figcaption.text-center fa1
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/27575.gif" height=100 data-no-cache)
figcaption.text-center yin1
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/28271.gif" height=100 data-no-cache)
figcaption.text-center tang1
```
<div class="w-100 mt-3">
<h3 class="text-center">弔民伐罪，周發殷湯。</h3>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24340.gif" height="100" />
<figcaption class="text-center">diao1</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/27665.gif" height="100" />
<figcaption class="text-center">min2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20240.gif" height="100" />
<figcaption class="text-center">fa2</figcaption>
</figure>
<figure class="d-inline-block">\
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/32618.gif" height="100" />
<figcaption class="text-center">zui4</figcaption>
</figure>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21608.gif" height="100" />
<figcaption class="text-center">zhou1</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/30332.gif" height="100" />
<figcaption class="text-center">fa1</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/27575.gif" height="100" />
<figcaption class="text-center">yin1</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/28271.gif" height="100" />
<figcaption class="text-center">tang1</figcaption>
</figure>
</div>
<style>
img[height="100"] {
_posts/千字文/千字文2.5.md
+39 -30
View File
@@ -6,36 +6,45 @@ tag:
- 汉字
---
```pug parsed
.w-100.mt-3
h3.text-center 坐朝問道，垂拱平章。
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/22352.gif" height=100 data-no-cache)
figcaption.text-center zuo4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26397.gif" height=100 data-no-cache)
figcaption.text-center zhao1
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21839.gif" height=100 data-no-cache)
figcaption.text-center wen4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/36947.gif" height=100 data-no-cache)
figcaption.text-center dao4
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/22402.gif" height=100 data-no-cache)
figcaption.text-center chui2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/25329.gif" height=100 data-no-cache)
figcaption.text-center gong3
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24179.gif" height=100 data-no-cache)
figcaption.text-center ping2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/31456.gif" height=100 data-no-cache)
figcaption.text-center zhang1
```
<div class="w-100 mt-3">
<h3 class="text-center">坐朝問道，垂拱平章。</h3>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/22352.gif" height="100" />
<figcaption class="text-center">zuo4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26397.gif" height="100" />
<figcaption class="text-center">zhao1</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21839.gif" height="100" />
<figcaption class="text-center">wen4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/36947.gif" height="100" />
<figcaption class="text-center">dao4</figcaption>
</figure>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/22402.gif" height="100" />
<figcaption class="text-center">chui2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/25329.gif" height="100" />
<figcaption class="text-center">gong3</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24179.gif" height="100" />
<figcaption class="text-center">ping2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/31456.gif" height="100" />
<figcaption class="text-center">zhang1</figcaption>
</figure>
</div>
<style>
img[height="100"] {
_posts/千字文/千字文2.6.md
+39 -30
View File
@@ -6,36 +6,45 @@ tag:
- 汉字
---
```pug parsed
.w-100.mt-3
h3.text-center 愛育黎首，臣伏戎羌。
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24859.gif" height=100 data-no-cache)
figcaption.text-center ai4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/32946.gif" height=100 data-no-cache)
figcaption.text-center yu4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/40654.gif" height=100 data-no-cache)
figcaption.text-center li2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/39318.gif" height=100 data-no-cache)
figcaption.text-center shou3
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/33251.gif" height=100 data-no-cache)
figcaption.text-center chen2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20239.gif" height=100 data-no-cache)
figcaption.text-center fu2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/25102.gif" height=100 data-no-cache)
figcaption.text-center rong2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/32652.gif" height=100 data-no-cache)
figcaption.text-center qiang1
```
<div class="w-100 mt-3">
<h3 class="text-center">愛育黎首，臣伏戎羌。</h3>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24859.gif" height="100" />
<figcaption class="text-center">ai4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/32946.gif" height="100" />
<figcaption class="text-center">yu4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/40654.gif" height="100" />
<figcaption class="text-center">li2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/39318.gif" height="100" />
<figcaption class="text-center">shou3</figcaption>
</figure>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/33251.gif" height="100" />
<figcaption class="text-center">chen2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20239.gif" height="100" />
<figcaption class="text-center">fu2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/25102.gif" height="100" />
<figcaption class="text-center">rong2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/32652.gif" height="100" />
<figcaption class="text-center">qiang1</figcaption>
</figure>
</div>
<style>
img[height="100"] {
_posts/千字文/千字文2.7.md
+39 -30
View File
@@ -6,36 +6,45 @@ tag:
- 汉字
---
```pug parsed
.w-100.mt-3
h3.text-center 遐邇一體，率賓歸王。
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/36944.gif" height=100 data-no-cache)
figcaption.text-center xia2
figure.d-inline-block
.hanzi-img 邇
figcaption.text-center er3
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/19968.gif" height=100 data-no-cache)
figcaption.text-center yi1
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/39636.gif" height=100 data-no-cache)
figcaption.text-center ti3
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/29575.gif" height=100 data-no-cache)
figcaption.text-center lu:4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/36051.gif" height=100 data-no-cache)
figcaption.text-center bin1
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/27512.gif" height=100 data-no-cache)
figcaption.text-center gui1
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/29579.gif" height=100 data-no-cache)
figcaption.text-center wang2
```
<div class="w-100 mt-3">
<h3 class="text-center">遐邇一體，率賓歸王。</h3>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/36944.gif" height="100" />
<figcaption class="text-center">xia2</figcaption>
</figure>
<figure class="d-inline-block">
<div class="hanzi-img">邇</div>
<figcaption class="text-center">er3</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/19968.gif" height="100" />
<figcaption class="text-center">yi1</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/39636.gif" height="100" />
<figcaption class="text-center">ti3</figcaption>
</figure>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/29575.gif" height="100" />
<figcaption class="text-center">lu:4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/36051.gif" height="100" />
<figcaption class="text-center">bin1</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/27512.gif" height="100" />
<figcaption class="text-center">gui1</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/29579.gif" height="100" />
<figcaption class="text-center">wang2</figcaption>
</figure>
</div>
<style>
img[height="100"] {
_posts/千字文/千字文2.8.md
+39 -30
View File
@@ -6,36 +6,45 @@ tag:
- 汉字
---
```pug parsed
.w-100.mt-3
h3.text-center 鳴鳳在竹，白駒食場。
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/40180.gif" height=100 data-no-cache)
figcaption.text-center ming2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/40179.gif" height=100 data-no-cache)
figcaption.text-center feng4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/22312.gif" height=100 data-no-cache)
figcaption.text-center zai4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/31481.gif" height=100 data-no-cache)
figcaption.text-center zhu2
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/30333.gif" height=100 data-no-cache)
figcaption.text-center bai2
figure.d-inline-block
.hanzi-img 駒
figcaption.text-center ju1
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/39135.gif" height=100 data-no-cache)
figcaption.text-center shi2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/22580.gif" height=100 data-no-cache)
figcaption.text-center chang2
```
<div class="w-100 mt-3">
<h3 class="text-center">鳴鳳在竹，白駒食場。</h3>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/40180.gif" height="100" />
<figcaption class="text-center">ming2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/40179.gif" height="100" />
<figcaption class="text-center">feng4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/22312.gif" height="100" />
<figcaption class="text-center">zai4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/31481.gif" height="100" />
<figcaption class="text-center">zhu2</figcaption>
</figure>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/30333.gif" height="100" />
<figcaption class="text-center">bai2</figcaption>
</figure>
<figure class="d-inline-block">
<div class="hanzi-img">駒</div>
<figcaption class="text-center">ju1</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/39135.gif" height="100" />
<figcaption class="text-center">shi2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/22580.gif" height="100" />
<figcaption class="text-center">chang2</figcaption>
</figure>
</div>
<style>
img[height="100"] {
_posts/千字文/千字文2.9.md
+40 -30
View File
@@ -6,36 +6,46 @@ tag:
- 汉字
---
```pug parsed
.w-100.mt-3
h3.text-center 化被草木，賴及萬方。
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21270.gif" height=100 data-no-cache)
figcaption.text-center hua4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/34987.gif" height=100 data-no-cache)
figcaption.text-center bei4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/33609.gif" height=100 data-no-cache)
figcaption.text-center cao3
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26408.gif" height=100 data-no-cache)
figcaption.text-center mu4
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/36084.gif" height=100 data-no-cache)
figcaption.text-center lai4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21450.gif" height=100 data-no-cache)
figcaption.text-center ji2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/33836.gif" height=100 data-no-cache)
figcaption.text-center wan4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26041.gif" height=100 data-no-cache)
figcaption.text-center fang1
```
<div class="w-100 mt-3">
<h3 class="text-center">化被草木，賴及萬方。</h3>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21270.gif" height="100" />
<figcaption class="text-center">hua4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/34987.gif" height="100" />
<figcaption class="text-center">bei4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/33609.gif" height="100" />
<figcaption class="text-center">cao3</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26408.gif" height="100" />
<figcaption class="text-center">mu4</figcaption>
</figure>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/36084.gif" height="100" />
<figcaption class="text-center">lai4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21450.gif" height="100" />
<figcaption class="text-center">ji2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/33836.gif" height="100" />
<figcaption class="text-center">wan4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26041.gif" height="100" />
<figcaption class="text-center">fang1</figcaption>
</figure>
</div>
<style>
img[height="100"] {
_posts/千字文/千字文3.1.md
+39 -30
View File
@@ -6,36 +6,45 @@ tag:
- 汉字
---
```pug parsed
.w-100.mt-3
h3.text-center 蓋此身髮，四大五常。
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/33995.gif" height=100 data-no-cache)
figcaption.text-center gai4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/27492.gif" height=100 data-no-cache)
figcaption.text-center ci3
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/36523.gif" height=100 data-no-cache)
figcaption.text-center shen1
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/39662.gif" height=100 data-no-cache)
figcaption.text-center fa4
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/22235.gif" height=100 data-no-cache)
figcaption.text-center si4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/22823.gif" height=100 data-no-cache)
figcaption.text-center da4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20116.gif" height=100 data-no-cache)
figcaption.text-center wu3
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24120.gif" height=100 data-no-cache)
figcaption.text-center chang2
```
<div class="w-100 mt-3">
<h3 class="text-center">蓋此身髮，四大五常。</h3>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/33995.gif" height="100" />
<figcaption class="text-center">gai4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/27492.gif" height="100" />
<figcaption class="text-center">ci3</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/36523.gif" height="100" />
<figcaption class="text-center">shen1</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/39662.gif" height="100" />
<figcaption class="text-center">fa4</figcaption>
</figure>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/22235.gif" height="100" />
<figcaption class="text-center">si4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/22823.gif" height="100" />
<figcaption class="text-center">da4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20116.gif" height="100" />
<figcaption class="text-center">wu3</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24120.gif" height="100" />
<figcaption class="text-center">chang2</figcaption>
</figure>
</div>
<style>
img[height="100"] {
_posts/千字文/千字文3.2.md
+39 -30
View File
@@ -6,36 +6,45 @@ tag:
- 汉字
---
```pug parsed
.w-100.mt-3
h3.text-center 恭惟鞠養，豈敢毀傷。
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24685.gif" height=100 data-no-cache)
figcaption.text-center gong1
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24799.gif" height=100 data-no-cache)
figcaption.text-center wei2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/38816.gif" height=100 data-no-cache)
figcaption.text-center ju1
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/39178.gif" height=100 data-no-cache)
figcaption.text-center yang3
.w-100
figure.d-inline-block
.hanzi-img 豈
figcaption.text-center qi3
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/25954.gif" height=100 data-no-cache)
figcaption.text-center gan3
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/27584.gif" height=100 data-no-cache)
figcaption.text-center hui3
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20663.gif" height=100 data-no-cache)
figcaption.text-center shang1
```
<div class="w-100 mt-3">
<h3 class="text-center">恭惟鞠養，豈敢毀傷。</h3>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24685.gif" height="100" />
<figcaption class="text-center">gong1</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24799.gif" height="100" />
<figcaption class="text-center">wei2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/38816.gif" height="100" />
<figcaption class="text-center">ju1</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/39178.gif" height="100" />
<figcaption class="text-center">yang3</figcaption>
</figure>
</div>
<div class="w-100">
<figure class="d-inline-block">
<div class="hanzi-img">豈</div>
<figcaption class="text-center">qi3</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/25954.gif" height="100" />
<figcaption class="text-center">gan3</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/27584.gif" height="100" />
<figcaption class="text-center">hui3</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20663.gif" height="100" />
<figcaption class="text-center">shang1</figcaption>
</figure>
</div>
<style>
img[height="100"] {
_posts/千字文/千字文3.3.md
+39 -30
View File
@@ -6,36 +6,45 @@ tag:
- 汉字
---
```pug parsed
.w-100.mt-3
h3.text-center 女慕貞絜，男效才良。
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/22899.gif" height=100 data-no-cache)
figcaption.text-center nu:3
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24917.gif" height=100 data-no-cache)
figcaption.text-center mu4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/35998.gif" height=100 data-no-cache)
figcaption.text-center zhen1
figure.d-inline-block
.hanzi-img 絜
figcaption.text-center xie2
.w-100
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/30007.gif" height=100 data-no-cache)
figcaption.text-center nan2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/25928.gif" height=100 data-no-cache)
figcaption.text-center xiao4
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/25165.gif" height=100 data-no-cache)
figcaption.text-center cai2
figure.d-inline-block
img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/33391.gif" height=100 data-no-cache)
figcaption.text-center liang2
```
<div class="w-100 mt-3">
<h3 class="text-center">女慕貞絜，男效才良。</h3>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/22899.gif" height="100" />
<figcaption class="text-center">nu:3</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24917.gif" height="100" />
<figcaption class="text-center">mu4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/35998.gif" height="100" />
<figcaption class="text-center">zhen1</figcaption>
</figure>
<figure class="d-inline-block">
<div class="hanzi-img">絜</div>
<figcaption class="text-center">xie2</figcaption>
</figure>
</div>
<div class="w-100">
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/30007.gif" height="100" />
<figcaption class="text-center">nan2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/25928.gif" height="100" />
<figcaption class="text-center">xiao4</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/25165.gif" height="100" />
<figcaption class="text-center">cai2</figcaption>
</figure>
<figure class="d-inline-block">
<img src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/33391.gif" height="100" />
<figcaption class="text-center">liang2</figcaption>
</figure>
</div>
<style>
img[height="100"] {