Obsidian 插件：Simple Embeds 为链接可视化卡片样式

概述

这个插件将把 Twitter 和 YouTube 网页链接嵌入当前笔记中预览，而不改变你的笔记内容。甚至工作时，悬停在内部链接。

效果&特性

支持以下网站的链接预览化：

• Apple Music
• Apple Podcasts
• Apple TV
• CodePen
• Flat.io
• Github Gists
• Instagram
• Noteflight
• Twitter
• YouTube

使用

只需像平常一样添加链接：

[Twitter链接](https://twitter.com/johnvoorhees/status/1437735225086316548?s=21)

[YouTube链接](https://youtu.be/C4sAUc_ZGMY) 

如果您想禁用特定的链接预览，请在链接文本后添加 |noembed。例如：

[Twitter链接|noembed](https://twitter.com/johnvoorhees/status/1437735225086316548?s=21) 

默认情况下，大多数嵌入式内容最大宽度为 550 像素（Twitter 嵌入式内容的最大宽度）。要使嵌入式内容全宽，可以在链接文本后添加 |fullwidth。例如：

[YouTube链接|fullwidth](https://www.youtube.com/watch?v=aqafn8kFDyY)

高级样式微调

每个嵌入式内容都包装在一个容器中，该容器的类名为 .embed-container，并且每种嵌入式内容类型都有唯一的类名。

您可以在自己的 CSS 代码片段中使用这些类名。例如，如果您想将所有 YouTube 嵌入式内容设为全宽，可以添加以下代码：

.embed-container.youtube {
    max-width: 100%;
}

或者如果你想居中所有的 Twitter 嵌入

.embed-container.twitter {
    margin: 0 auto;
}

截图

演示

iOS 应用

讨论

若阁下有独到的见解或新颖的想法，诚邀您在文章下方留言，与大家共同探讨。