refactor: add support for non-png icons

docs/markdown.md

@@ -80,6 +80,22 @@
 
 图标会渲染为 `<icon class="icon-attack"></icon>` 形式。
 
+### 支持多种图片格式
+
+默认情况下，`:[icon-name]` 会查找 `.png` 文件。你也可以显式指定其他支持的格式：
+
+```markdown
+:[attack]           <!-- 查找 attack.png -->
+:[attack.svg]       <!-- 查找 attack.svg -->
+:[shield.gif]       <!-- 查找 shield.gif -->
+:[photo.jpg]        <!-- 查找 photo.jpg -->
+:[icon.webp]        <!-- 查找 icon.webp -->
+```
+
+**支持的扩展名：** `.svg`、`.png`、`.gif`、`.jpg`、`.jpeg`、`.webp`
+
+**注意：** CSS class 名称始终使用不带扩展名的图标名称（如 `icon-attack`），方便统一样式控制。
+
 ### 配置图标前缀
 
 可通过 `iconPath` 属性指定图标目录：