SEO meta tags and Server Side Rendering automation

November 20, 2019
SEO meta tags and Server Side Rendering automation

I write this topic, because I think SEO should be more about SSR automation, than about manual writing / or SEO training.

<meta> tags are much about how your webpage will look like on search engines, like Google, as well, not only about search engine ranking, i.e. on-page SEO.

If you use SSR, such as traditional methods, like templating engines; or SPA-related methods, like Nuxt.js; you still might not be creating enough meta tags...

Writing declaration.d.ts for JavaScript modules, and Extending incomplete @types modules

October 27, 2019
Writing declaration.d.ts for JavaScript modules, and Extending incomplete @types modules

If you have used TypeScript long enough, you should realize that you can create declaration.d.ts with declare module 'javascript-module' for untyped JavaScript modules.

千字文 - 3/3

September 23, 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/22899.gif" )
    figcaption.text-center nu:3
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24917.gif" )
    figcaption.text-center mu4
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/35998.gif" )
    figcaption.text-center zhen1
  figure.d-inline-block
    .hanzi-img 絜
    figcaption.text-center xie2
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/30007.gif" )
    figcaption.text-center nan2
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/25928.gif" )
    figcaption.text-center xiao4
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/25165.gif" )
    figcaption.text-center cai2
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/33391.gif" )
    figcaption.text-center liang2

千字文 - 3/2

September 15, 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/24685.gif" )
    figcaption.text-center gong1
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24799.gif" )
    figcaption.text-center wei2
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/38816.gif" )
    figcaption.text-center ju1
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/39178.gif" )
    figcaption.text-center yang3
.w-100
  figure.d-inline-block
    .hanzi-img 豈
    figcaption.text-center qi3
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/25954.gif" )
    figcaption.text-center gan3
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/27584.gif" )
    figcaption.text-center hui3
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20663.gif" )
    figcaption.text-center shang1

千字文 - 3/1

September 12, 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/33995.gif" )
    figcaption.text-center gai4
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/27492.gif" )
    figcaption.text-center ci3
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/36523.gif" )
    figcaption.text-center shen1
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/39662.gif" )
    figcaption.text-center fa4
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/22235.gif" )
    figcaption.text-center si4
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/22823.gif" )
    figcaption.text-center da4
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20116.gif" )
    figcaption.text-center wu3
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24120.gif" )
    figcaption.text-center chang2