refactor: remove redundant CSS and shortcodes

Because images are centered by default, so there's no need to specify a "center" class.

"small" class is replaced by "!small" url pattern.

11 files changed, 9 insertions, 94 deletions

diff --git a/assets/css/components/_shortcodes.scss b/assets/css/components/_shortcodes.scss
index f61295ed..725d5eb2 100644
--- a/assets/css/components/_shortcodes.scss
+++ b/assets/css/components/_shortcodes.scss
@@ -47,66 +47,6 @@
   }
 }
 
-/* blog links */
-
-div.blog-links {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 1rem;
-}
-
-a.blog-link {
-  position: relative;
-  background-color: var(--block-background-color);
-  text-decoration: none;
-  color: var(--text-color);
-  padding: 1rem 2rem;
-  padding-right: 4rem;
-  border-radius: 1rem;
-  width: calc(50% - 2rem);
-  box-sizing: border-box;
-  overflow: hidden
-}
-
-@media screen and (max-width: 768px) {
-  a.blog-link {
-    font-size: 1.2rem;
-    padding: 0.5rem 1rem;
-    padding-right: 2rem;
-    width: 100%;
-  }
-}
-
-a.blog-link h4,
-a.blog-link p {
-  margin: 0;
-  font-size: 1.2rem;
-}
-
-a.blog-link p {
-  line-height: 1.5;
-}
-
-a.blog-link .blog-link-content {
-  z-index: 10;
-}
-
-a.blog-link-image {
-  z-index: 0;
-}
-
-a.blog-link img {
-  --size: 5rem;
-  display: block;
-  position: absolute;
-  right: -1rem;
-  bottom: -1rem;
-  width: var(--size);
-  height: var(--size);
-  border-radius: 100%;
-  z-index: 0;
-}
-
 /* book showcase shortcode */
 
 .book-showcase {
@@ -152,21 +92,6 @@ a.blog-link img {
   & > p { display: none }
 }
 
-/* gallery */
-
-.gallery-img {
-  text-align: center;
-}
-
-.gallery-img span {
-  text-align: center;
-}
-
-.gallery-img-desc {
-  font-size: 0.8em;
-  font-weight: 800;
-}
-
 /* sidenote shortcode */
 
 @media screen and (max-width: 1199px) {
diff --git a/assets/css/utils/_utility.scss b/assets/css/utils/_utility.scss
index 878ac8f2..d2110714 100644
--- a/assets/css/utils/_utility.scss
+++ b/assets/css/utils/_utility.scss
@@ -11,21 +11,12 @@
 }
 
 figure {
-    &.small {
-        width: 300px;
-    }
     &.card {
         width: fit-content;
         img {
             height: 18rem;
         }
     }
-    &.center {
-        margin: 0 auto;
-        figcaption {
-            text-align: center
-        }
-    }
 }
 
 .outbox {
diff --git a/content/posts/weekly/12.md b/content/posts/weekly/12.md
index 93a63221..d8e7a192 100644
--- a/content/posts/weekly/12.md
+++ b/content/posts/weekly/12.md
@@ -20,7 +20,7 @@ aliases:
 
 用 Notion 新发布的 [Faces](https://faces.notion.com/) 给自己搓了个头像，在考虑要不要把主要平台的头像都换成这个。
 
-{{< img src="https://image.guhub.cn/uPic/2025/01/avatar.png" class="center small" >}}
+![](https://image.guhub.cn/uPic/2025/01/avatar.png!small)
 
 ## 📚
 
diff --git a/content/posts/weekly/13.md b/content/posts/weekly/13.md
index 02cb9e03..5061d5cc 100644
--- a/content/posts/weekly/13.md
+++ b/content/posts/weekly/13.md
@@ -115,7 +115,7 @@ aliases:
 
 韦伯手办到了 🥰
 
-{{< img src="https://image.guhub.cn/uPic/2025/01/IMG_2390%20Large.jpeg" class="center small" >}}
+![](https://image.guhub.cn/uPic/2025/01/IMG_2390%20Large.jpeg!small)
 
 ---
 
diff --git a/content/posts/weekly/14.md b/content/posts/weekly/14.md
index 48a648d5..baf11751 100644
--- a/content/posts/weekly/14.md
+++ b/content/posts/weekly/14.md
@@ -124,7 +124,7 @@ Jesse Duffield 在[一篇文章](https://jesseduffield.com/Angry-AI/)里提出�
 
 ## 🐈
 
-{{< img src="https://image.guhub.cn/uPic/2025/02/IMG_2527%E5%A4%A7.jpeg" class="center small" title="猫猫蒙古包" >}}
+![](https://image.guhub.cn/uPic/2025/02/IMG_2527%E5%A4%A7.jpeg!small "猫猫蒙古包")
 
 [^1]: Jesse Duffield 也在自己的文章做了这样的声明
 [^2]: 我还想到了「说服」这个词，小学语文老师教的是 shuì，但其实字典上一直写的是 shuō
diff --git a/content/posts/weekly/15.md b/content/posts/weekly/15.md
index 16c59bae..3a2157d3 100644
--- a/content/posts/weekly/15.md
+++ b/content/posts/weekly/15.md
@@ -152,7 +152,7 @@ Temporal 目前还在测试阶段，拭目以待吧。
 
 - 最烂的一局 Wordle，这一个词要猜四次也太倒霉了[^1]
 
-  {{< img src="https://image.guhub.cn/uPic/2025/02/image-20250203213047653.png" title="SHAME it is" class="center small" >}}
+![](https://image.guhub.cn/uPic/2025/02/image-20250203213047653.png!small "SHAME it is")
 
 ## 🐈
 
diff --git a/content/posts/weekly/17.md b/content/posts/weekly/17.md
index fb8c315a..ef1ab6f3 100644
--- a/content/posts/weekly/17.md
+++ b/content/posts/weekly/17.md
@@ -33,7 +33,7 @@ aliases:
 
 此外，Heart Hunter 正在龟速开发中。没想到做一个肉鸽游戏要写的东西居然这么多，而且天天修各种 Bug 导致我甚至没来得及把做好的贴图放上去。
 
-{{< img src="https://image.guhub.cn/uPic/2025/02/IMG_0290.PNG" class="center small" title="这是一个苹果，但画完之后我才发现，它长得有点像个番茄" >}}
+![](https://image.guhub.cn/uPic/2025/02/IMG_0290.PNG!small "这是一个苹果，但画完之后我才发现，它长得有点像个番茄")
 
 ![](https://image.guhub.cn/uPic/2025/02/image-20250223101436594.png)
 
diff --git a/content/posts/weekly/22.md b/content/posts/weekly/22.md
index f0a52cfe..bfe7349c 100644
--- a/content/posts/weekly/22.md
+++ b/content/posts/weekly/22.md
@@ -89,7 +89,7 @@ Git 是一个版本管理软件，常用于软件开发。Commit 是 Git 的一�
 
 而 Michael Lynch 在《[No Longer My Favorite Git Commit](https://mtlynch.io/no-longer-my-favorite-git-commit/)》中指出事无巨细地描述修改过程并不是好的软件工程，并展示了一个「倒金字塔」模型。
 
-<img src="https://image.guhub.cn//uPic/inverted-pyramid.png" class="invert-if-dark center">
+<img src="https://image.guhub.cn//uPic/inverted-pyramid.png" class="invert-if-dark">
 
 倒金字塔顶端是「所有人都在乎的东西」，其次是「一些人会在乎的东西」，最次是「很少人在乎的东西」。倒金字塔既表示了顺序，也表示了占比。也就是说，所有人都在乎的东西应该放在最前面，且应该是最多的；很少有人在乎的东西应该放在最后，而且应该尽可能言简意赅。
 
diff --git a/content/posts/weekly/23.md b/content/posts/weekly/23.md
index 388162b6..1c8adb65 100644
--- a/content/posts/weekly/23.md
+++ b/content/posts/weekly/23.md
@@ -54,7 +54,7 @@ aliases:
 ![喜欢这种风格的漫画](https://image.guhub.cn//uPic/IMG_3251大.jpeg "喜欢这种风格的漫画")
 {{</ gallery >}}
 
-{{< img src="https://image.guhub.cn//uPic/IMG_3230大.jpeg" title="我当时盯着这个雕塑看了半天，试图分辩这是不是莫比乌斯环，结果不是，有些失望" class="small center" >}}
+![](https://image.guhub.cn//uPic/IMG_3230大.jpeg!small "我当时盯着这个雕塑看了半天，试图分辩这是不是莫比乌斯环，结果不是，有些失望")
 
 美术馆的角落还有这样的作品，我大概能体会到作者想要表达死亡、生命之类的话题，机械和植物要素的结合也创造了一些荒诞的感觉（视频里可能听不出来，机器运作的声音还是很有感觉的）。但观感上，怪异和不明所以，要比震撼多一些——线缆没有藏好，布局也让人抓不住重点。特立独行是好的，但总觉得还是不太成熟。
 
diff --git a/content/posts/有才华的同人作品是怎样的.md b/content/posts/有才华的同人作品是怎样的.md
index e962cfdc..3334fb83 100644
--- a/content/posts/有才华的同人作品是怎样的.md
+++ b/content/posts/有才华的同人作品是怎样的.md
@@ -30,7 +30,7 @@ toc: true
 
 如果你记得的话，不久前本博客的首页展示了一些文章系列的海报，其中《稻草人周刊》的海报就致敬了这个故事，上面有黄砖路、稻草人和一颗大脑。
 
-{{< img src="https://image.guhub.cn/uPic/2025/01/%E7%A8%BB%E8%8D%89%E4%BA%BA%E5%91%A8%E5%88%8A.jpeg" class="small center" >}}
+![](https://image.guhub.cn/uPic/2025/01/%E7%A8%BB%E8%8D%89%E4%BA%BA%E5%91%A8%E5%88%8A.jpeg!small)
 
 在《绿野仙踪》的故事里，有几位女巫，其中最重要的就是西方坏女巫（the Wicked Witch of the West），她是本剧的大反派，想要抓走桃乐滋。
 
diff --git a/content/posts/毫无敬意.md b/content/posts/毫无敬意.md
index 04771e3f..5a3fac41 100644
--- a/content/posts/毫无敬意.md
+++ b/content/posts/毫无敬意.md
@@ -22,7 +22,7 @@ toc: true
 
 ## 皇帝牌与父亲原型
 
-{{< img src="https://image.guhub.cn/uPic/2025/01/RWS_Tarot_04_Emperor.jpg" class="center card" title="维特塔罗牌中的「皇帝」" >}}
+{{< img src="https://image.guhub.cn/uPic/2025/01/RWS_Tarot_04_Emperor.jpg" class="card" title="维特塔罗牌中的「皇帝」" >}}
 
 如果要我说出塔罗牌大阿卡纳里我最讨厌的一张牌，非「皇帝」莫属。皇帝牌在占星意义上对应的是「白羊座」，恰好也是我最讨厌的一个星座。[^1]
 
@@ -108,4 +108,3 @@ toc: true
 [^2]: 为什么 potato 这样的单词的复数形式是 -es 结尾呢？因为元音结尾的音节是开音节，-to 就是一个开音节，其中 o 发字母原本的音，也就是 /ou/；结尾是辅音的音节是闭音节，potato 直接加 s，-tos 就是一个闭音节，其中 o 的发音就发生了变化，变成了 /o/；结尾有 -e 的音节是开音节，-toes 就是一个开音节，加上 e 再加 s，字母的发音就没有变化。总结：potato 的复数形式是 potatoes 而不是 potatos，原因在于要防止单词的发音发生变化。至于 photo 的复数形式为什么不是 photoes，那是因为 photo 是 photograph 的缩略词，复数形式 photographs 缩略之后还是 photos。
 [^3]: 那首歌其实完全没有黄赌毒的成分，只是他看到他有些没法接受的服装和妆容之后，产生了这样的印象，把它归类为「坏的」，做出了不实的评判。其实说真的，了解欧美文化的人都不会对那个视频的内容感到大惊小怪。
 [^4]: 这句话是我从我初中班主任那里听来的。不过我觉得他也有不少令人唏嘘的行为，比如自己管不好班级，被学生气到了（实际上是自己气自己，但非得外归因罢了），就一个星期擅离职守跑到外面去度假游玩，回来之后站在台上发表「自我圣洁化」的言论：我散心回来了，现在已经不气你们了。*哎哟你怎么这么大度啊😅*
-