Jupyter Notebook中截图格式修改时链接失效问题排查

直接粘贴截图到Jupyter Notebook里能正常显示，生成的代码是：

![image-3.png](attachment:image-3.png)

但手动写HTML标签设置格式时总是图片失效，下面给你分析问题原因和解决办法：

两种写法的问题所在 #

• 写法一：用了本地绝对路径C:\Users\mannf\Pictures\Screenshots\Screenshot 2023-12-13 103135.png，Jupyter运行在浏览器环境中，受安全限制无法直接访问本地电脑的文件路径，所以图片加载失败。
• 写法二：image-4.png没有通过Notebook的附件机制关联。直接粘贴截图时，Notebook会自动把图片作为附件保存，生成attachment:image-3.png这种专属链接；而手动写的image-4.png没有对应的附件，Notebook找不到文件，自然显示失效。

正确的格式化方法 #

方法1：基于附件图片添加样式 #

先正常粘贴截图得到附件链接，再把它改成带样式的HTML标签，保留attachment:xxx.png的路径：

<p>
<img src="attachment:image-3.png" alt="截图" style="width:600px;height:200px;border:2px solid black;border-radius:10px;">
</p>

这样既利用了Notebook的附件管理，又能自定义图片的尺寸、边框等样式。

方法2：使用同目录相对路径 #

把截图复制到Jupyter Notebook文件所在的文件夹中，然后用相对路径写HTML标签：

<p>
<img src="Screenshot 2023-12-13 103135.png" alt="截图" style="width:600px;height:200px;border:2px solid black;border-radius:10px;">
</p>

注意文件名要和实际完全一致，包括空格、日期等字符。

内容的提问来源于stack exchange，提问作者Hans Rudel