千字文 - 1/9

August 19, 2019

// nuxt

.w-100.mt-3
  h3.text-center 海咸河淡,鱗潛羽翔。
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/28023.gif" )
    figcaption.text-center hai3
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21688.gif" )
    figcaption.text-center xian2
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/27827.gif" )
    figcaption.text-center he2
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/28129.gif" )
    figcaption.text-center dan4
.w-100
  figure.d-inline-block
    .hanzi-img 鱗
    figcaption.text-center lin2
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/28507.gif" )
    figcaption.text-center qian2
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/32701.gif" )
    figcaption.text-center yu3
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/32724.gif" )
    figcaption.text-center xiang2

千字文 - 1/8

August 18, 2019

// nuxt

.w-100.mt-3
  h3.text-center 果珍李柰,菜重芥薑。
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26524.gif" )
    figcaption.text-center guo3
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/29645.gif" )
    figcaption.text-center zhen1
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26446.gif" )
    figcaption.text-center li3
  figure.d-inline-block
    .hanzi-img 柰
    figcaption.text-center nai4
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/33756.gif" )
    figcaption.text-center cai4
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/37325.gif" )
    figcaption.text-center zhong4
  figure.d-inline-block
    .hanzi-img 柰
    figcaption.text-center jie4
  figure.d-inline-block
    .hanzi-img 薑
    figcaption.text-center jiang1

Publish static websites to GitHub Pages (or any Git) cleanly with gh-pages

August 17, 2019
Publish static websites to GitHub Pages (or any Git) cleanly with gh-pages

This is as simple as npm run build && gh-pages -d dist, and there will be no pollution from build remnants. You can safely as /dist/ to .gitignore.

The new branch called gh-pages will be created, with only built elements, no other code.

See the package here https://www.npmjs.com/package/gh-pages

千字文 - 1/7

August 17, 2019

// nuxt

.w-100.mt-3
  h3.text-center 劍號巨闕,珠稱夜光。
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21133.gif" )
    figcaption.text-center jian4
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/34399.gif" )
    figcaption.text-center hao4
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24040.gif" )
    figcaption.text-center ju4
  figure.d-inline-block
    .hanzi-img 闕
    figcaption.text-center que4
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/29664.gif" )
    figcaption.text-center zhu1
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/31281.gif" )
    figcaption.text-center cheng1
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/22812.gif" )
    figcaption.text-center ye4
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20809.gif" )
    figcaption.text-center guang1

千字文 - 1/6

August 16, 2019

// nuxt

.w-100.mt-3
  h3.text-center 金生麗水,玉出崑岡。
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/37329.gif" )
    figcaption.text-center jin1
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/29983.gif" )
    figcaption.text-center sheng1
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/40599.gif" )
    figcaption.text-center li4
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/27700.gif" )
    figcaption.text-center shui3
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/29577.gif" )
    figcaption.text-center yu4
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20986.gif" )
    figcaption.text-center chu1
  figure.d-inline-block
    .hanzi-img 崑
    figcaption.text-center kun1
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/23713.gif" )
    figcaption.text-center gang1