diff --git a/README.md b/README.md index 34cf2d13..acf4839b 100644 --- a/README.md +++ b/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]} diff --git a/help/FEATURES.md b/help/FEATURES.md index ff54f004..eb7dfd84 100644 --- a/help/FEATURES.md +++ b/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]: 这也是一个脚注 diff --git a/src/renderer/components/Preview.vue b/src/renderer/components/Preview.vue index a11a4b75..c5230041 100644 --- a/src/renderer/components/Preview.vue +++ b/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; } }