upd: 调整图片展示

README.md

@@ -1,7 +1,7 @@
 # Yank Note
 > 一款面向程序员的 Markdown 笔记应用 **[在线体验>>>](https://yn-phi.vercel.app/)**
 
-[![Download](./help/mas_en.svg)](https://apps.apple.com/cn/app/yank-note/id1551528618) [![Download](./help/ws_en.svg)](https://www.microsoft.com/store/apps/9NRK5ZXVQ2PH)
+[![Download](./help/mas_en.svg?.inline)](https://apps.apple.com/cn/app/yank-note/id1551528618) [![Download](./help/ws_en.svg?.inline)](https://www.microsoft.com/store/apps/9NRK5ZXVQ2PH)
 
 [toc]{level: [2]}
 

help/FEATURES.md

@@ -32,7 +32,7 @@
 ## 脚注功能
 支持使用脚注[^1]语法[^2]
 
-## 嵌套列表脑图形式展示
+## 思维导图
 只需要在列表根节点加上 `{.mindmap}` 即可。
 
 + 中心节点{.mindmap}
@@ -398,5 +398,10 @@ xml 代码块 第一行注释需要有 `--drawio--` 文字
 --init-repo       | 初始仓库名    | 无    | 字符串                    | --init-repo='test'
 --init-file       | 加载文件路径  | 无    | 文件路径，相对于仓库路径     | --init-file='/1.md'
 
+## 其他
+1. 图片默认会渲染成块元素并居中，背景色透明
+    + 如果要显示为行内元素，可以在图片链接参数后面追加 `.inline` 如：![](mas_en.svg?.inline)
+    + 如果要给图片添加白色背景优化展示效果（针对某些透明图片）,可以在图片链接参数后面追加 `.bgw` 如：![](ws_en.svg?.inline.bgw)
+
 [^1]: 这是一个脚注
 [^2]: 这也是一个脚注

src/renderer/components/Preview.vue

@@ -436,10 +436,16 @@ export default defineComponent({
       margin-left: auto;
       margin-right: auto;
       cursor: zoom-in;
-      background-color: #fff;
 
-      &.inline {
+      &.inline,
+      &[src*=".inline"] {
         display: inline;
+        background: unset;
+      }
+
+      &.bgw,
+      &[src*=".bgw"] {
+        background-color: #fff;
       }
     }