edit post

src/app.scss

@@ -0,0 +1,9 @@
+.hanzi-img {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100px;
+  height: 100px;
+  font-size: 80px;
+  font-family: serif;
+}

src/app.ts

@@ -1,4 +1,5 @@
 import "./disqus";
+import "./app.scss";
 
 window.addEventListener("keydown", (ev) => {
   if (ev.key === "s") {

src/pages/p/2019/08/千字文1.pug

@@ -1,5 +1,5 @@
 ---
-title: "千字文 (qian2 zi3 wen2) - 1"
+title: "千字文 - 1"
 date: "2019-08-11"
 tags: 
  - 千字文

src/pages/p/2019/08/千字文2.pug

@@ -18,7 +18,7 @@ tags:
     img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/30408.gif" height=100)
     figcaption.text-center ying2
   figure.d-inline-block
-    .d-flex.justify-content-center.align-items-center(style="font-size: 80px; font-family: Serif; width: 100px; height: 100px") 昃
+    .hanzi-img 昃
     figcaption.text-center ze4
 .w-100
   figure.d-inline-block