图片
2023年4月7日4718大约 2 分钟
基础图片语法
可以插入图片,语法如下:

[](https://github.com/)
[](link_url)
![替代文字][logo]
[logo]: /images/logo.png "Logo Title"
图片对齐和尺寸
在基础图片语法的图片链接后面,加上控制语法,可以控制图片的居中方式和尺寸大小。
#pic_center 图片居中
#pic_left 图片靠左
#pic_right 图片靠右
示例

|180x180 宽度 x 高度
|650 宽度,高度自适应
#pic_center|650 图片居中,宽度650,高度自适应
示例

在obsidian中用下面的方法
强烈建议在obsidian中,使用内链的方式嵌入图片!如下!
强烈建议在obsidian中,使用内链的方式嵌入图片!如下!
强烈建议在obsidian中,使用内链的方式嵌入图片!如下!
obsidian中的图片语法🎁
完全体用法
![[Pasted image 20221125235721.png#pic_center|650]]
如果不生效,那么请打补丁,使用我写的增强css即可。
- 🚀新增图片对齐语法 对于不能使用对齐语法的,可以使用这个css片段,然后对齐语法就会生效
在 obsidian 中,会有一些特殊的语法。比如内链的图片格式中。
![[Pasted image 20221125235721.png]]
对这个图片居中:
但是这个代码会显示图片的名称,有一点点瑕疵
![[Pasted image 20221125235721.png#pic_center]]
优化图片居中代码
在代码的最后加一个 |
,就会不显示文件名了
![[Pasted image 20221125235721.png#pic_center|]]
图片居中加上尺寸控制
![[Pasted image 20221125235721.png#pic_center|650]]
给图片加描述 Caption
在html语言中,会给图片加一个Alt
参数,表示图片的描述。在有些编辑器里,会在图片的底下加上一个描述并显示。
提示
obsidian 中原生并不支持这样的语法,所以我们需要借助插件来简单的实现这个过程
相关信息
此方法来自:群友@BCS
简单两步操作即可:
- 安装插件:
obsidian-image-captions
,未上架插件可使用Obsidian42 - BRAT
插件进行安装体验。 - 在图片链接按以下格式添加即可
![[Pasted image 20230106152713.png|咖啡豆文档]]