✨ feat: add github repository card extension feature

- remove astro-compress to improve build speed
- add target and rel attributes to footer links
- rename unocss opacity utility from 'opacity' to 'op'
- update PostList component's page logic from 'isTag' to 'isHome'
- create extend.css file for markdown extended features
- reorganize and sort styles in heti.css
- fix inline code wrapping issue

src/content/posts/guides/Markdown Extended Features-zh.md

@@ -3,17 +3,48 @@ title: Markdown 扩展功能
 published: 2025-04-25
 tags:
   - 指南
-draft: true
 toc: false
 lang: zh
 abbrlink: markdown-extended-features
 ---
 
-以下是 Retypeset 主题的 Markdown 扩展功能，包括语法示例与样式效果。
+本文介绍 Retypeset 主题支持的 Markdown 扩展功能，包括语法示例与效果展示。
+
+## 图注
+
+使用标准的 Markdown 图像语法 `![alt](src)`，即可自动生成图注。在 `alt` 前添加下划线 `_` 或留空 `alt`，即可隐藏图注。
+
+### 语法
+
+```
+![图片描述](./full/or/relative/path/of/image)
+
+![_图片描述](./full/or/relative/path/of/image)
+```
+
+### 效果
+
+![图片描述](https://image.radishzz.cc/image/gallery/06.webp)
+
+![_图片描述](https://image.radishzz.cc/image/gallery/06.webp)
+
+## Github 仓库卡片
+
+使用双冒号语法 `::github{repo="owner/repo"}`，即可创建 Github 仓库卡片。在页面加载后，从 GitHub API 中实时获取仓库数据。
+
+### 语法
+
+```
+::github{repo="radishzzz/astro-theme-retypeset"}
+```
+
+### 效果
+
+::github{repo="radishzzz/astro-theme-retypeset"}
 
 ## 提示块
 
-使用容器指令 `:::type` 或 GitHub 语法 `> [!TYPE]`，即可创建提示块。支持以下五种类型：`note`、`tip`、`important`、`warning` 和 `caution`。
+使用三冒号语法 `:::type` 或 GitHub 语法 `> [!TYPE]`，即可创建提示块。支持 `note`、`tip`、`important`、`warning` 和 `caution` 五种类型。
 
 ### 语法
 
@@ -53,22 +84,14 @@ Advises about risks or negative outcomes of certain actions.
 This is a note with a custom title.
 :::
 
-## 图注
+<!-- <details>
+  <summary>
+    我有钥匙却无门，有空间却无房间。你能进入却无法离开。我是什么？
+  </summary>
+  键盘。
+</details>
 
-使用 Markdown 图像语法 `![alt](src)`，**且上下均为空行**，即可自动生成图注。在 `alt` 前添加下划线 `_` 或留空 alt，即可隐藏图注。
-
-### 显示图注
-
-```
-
-![图片描述](./full/or/relative/path/of/image)
-
-```
-
-### 隐藏图注
-
-```
-![_图片描述](./full/or/relative/path/of/image)
-
-![](./full/or/relative/path/of/image)
-```
+<figure>
+  <img src="https://image.radishzz.cc/picsmaller/03.webp">
+  <figcaption text-center="">Node 模块检查器 - 概览</figcaption>
+</figure> -->

src/content/posts/guides/Markdown Style Guide-zh.md

@@ -258,16 +258,4 @@ X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
 
 按下 <kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>Delete</kbd> 以结束会话。
 
-大多数<mark>蝾螈</mark>昼伏夜出，以昆虫、蠕虫等小生物为食。
-
-<!-- <details>
-  <summary>
-    我有钥匙却无门，有空间却无房间。你能进入却无法离开。我是什么？
-  </summary>
-  键盘。
-</details>
-
-<figure>
-  <img src="https://image.radishzz.cc/picsmaller/03.webp">
-  <figcaption text-center="">Node 模块检查器 - 概览</figcaption>
-</figure> -->
+大多数<mark>蝾螈</mark>昼伏夜出，以昆虫、蠕虫等小生物为食。