【已解决】在 Obsidian 插入图片的标题以及相关说明

疑问解答
1

如题。已经尝试无效的办法：

![[图片.png|大小 “说明内容”]]

网上搜索的image caption插件已经试过了，失效

3

css片段

/* 提示文本，参考 https://github.com/chrisgrieser/shimmering-focus */
.image-embed[alt] {
  padding: var(--size-4-1) 0;
}
.image-embed[alt]::after {
  display: block;
  text-align: center;
}
.image-embed[alt]:not([alt$=".png"], [alt$=".jpg"], [alt$=".jpeg"], [alt$=".tiff"], [alt$=".webp"], [alt$=".bmp"])::after {
  content: attr(alt);
  font-size: var(--font-smaller);
  color: var(--text-faint);
}
2 个赞
4

尝试了这个片段，它不能正确处理图片的缩放。我使用这样的语句插入图片![[图片路径|大小 ”图片描述”]]。
结果 大小 ”图片描述“ 整个被当做了图片标题，图片不能正确缩放

5

你必须要用![[图片.png|大小 “说明内容”]]这种格式吗？
用obsidian原生支持的格式![[图片.png|说明内容|大小]]再加上面的那个css片段，我测试可以正常使用的。

6

可以使用这种格式，之前不懂。但新问题随之而来，图片靠左对齐，而文字是居中对齐，就造成了文字没有在图片的正下方。这个问题可以解决吗？

1 个赞
7

改为 text-align: left;，更多对齐方式参 CSS text-align。可阅读 CSS 入门点拨，按步骤自学一些简单的 CSS，方便修改从其他地方拿到的样式。

8

这种好像在最新的Obsidian中失效了

9

我刚试过，没有失效。首先确认css文件在vault/.obsidian/snippets/ 目录下，其次在obsidian设置-外观-CSS代码片段 要手动启用。
另外在 设置-文件与链接-使用wiki链接 的开关也要打开，才能支持![[]]语法