Obsidian中HTML本地图片无法显示问题

news/2024/11/24 2:12:51/

问题分析:我之前在记笔记的markdown中插入图片时,都是用<img style="float: middle;" src="imgs/lw68.png" width="15%" heigth="3%"> 这样的形式,好处是方便大小和位置的调节。但用Obsidian直接打开原先的markdown文件时,这些图片是无法显示的,原因是Obsidian无法识别该形式的图片插入,而是需要用这样的形式:![[lw68.png]]
在网上找了一圈如何使Obsidian显示这样的形式后发现,暂时还没有很好的解决方案。所以就打算直接写脚<img style="float: middle;" src="imgs/lw68.png" width="15%" heigth="3%"> 本把原先的形式改为![[lw68.png]]这样的形式,具体步骤为:
设置本地图床目录,即指定本地图片保存目录(我之前笔记时把所有markdown用到的图片都保存到了imgs这个文件夹下,图片名字以前缀进行区别它们属于哪个笔记的。),具体操作见:Obsidian:设置本地图床功能
写代码改成Obsidian需要的图片表示形式(最好先对笔记进行备份后操作,以防止发生意外就损失大了):
以下,只需更改notebook_path为你笔记所在目录路径, 更改ori_imgs_dir为你保存图片的文件夹名称即可。

import globdef convert_typero2obsidian(markdown_path: str, ori_imgs_dir: str) -> None:with open(markdown_path, "r") as w:content_l = w.readlines()for idx, elem in enumerate(content_l):if "<img style=" in elem:print(elem)name = elem.split(f'{ori_imgs_dir}/')[-1].split('\"')[0]content_l[idx] = f'![[{name}]]\n'print(content_l[idx])with open(markdown_path, "w") as w:w.write(''.join(content_l))notebook_path = '/Users/jc/Documents/CodeFlying/notebook'
ori_imgs_dir = 'imgs'
md_path_l = glob.glob(notebook_path+'/*.md')
print(md_path_l)
for md_path in md_path_l:convert_typero2obsidian(md_path, ori_imgs_dir)

http://www.ppmy.cn/news/583700.html

相关文章

《kafka 核心技术与实战》课程学习笔记(七)

生产者压缩算法 怎么压缩&#xff1f; 压缩&#xff08;compression&#xff09;秉承了用时间去换空间的经典 trade-off 思想&#xff0c;具体来说就是用 CPU 时间去换磁盘空间或网络 I/O 传输量&#xff0c;希望以较小的 CPU 开销带来更少的磁盘占用或更少的网络 I/O 传输。…

MySQL架构介绍

MySQL架构介绍 和其它数据库相比&#xff0c;MySQL有点与众不同&#xff0c;它的架构可以在多种不同场景中应用并发挥良好作用。主要体现在存储引擎的架构上&#xff0c;插件式的存储引擎架构将查询处理和其它的系统任务以及数据的存储提取相分离。这种架构可以根据业务的需求和…

文献学习-联合抽取-Joint entity and relation extraction based on a hybrid neural network

目录 1、Introduction 2、Related works 2.1 Named entity recognition 2.2 Relation classification 2.3 Joint entity and relation extraction 2.4 LSTM and CNN models On NLP 3、Our method 3.1 Bidirectional LSTM encoding layer 3.2 Named entity recogniton …

【面试题16】Linux下面如何查看CPU,磁盘,内存,网络等资源使用情况

文章目录 一、概览二、top命令2.1 使用方法2.2 输出解释 三、htop命令3.1 安装方法3.2 使用方法3.3 输出解释 四、free命令4.1 使用方法4.2 输出解释 五、uptime命令5.1 使用方法5.2 输出解释 六、查看磁盘情况6.1 df命令6.2 du命令 七、查看网络情况7.1 iftop命令7.2 nload命令…

展览展示设计中的色彩与主題

在展览展示设计中&#xff0c;要根据不同的展现主题、企业文化、环境、时节等诸多要素&#xff0c;在颜色应用上作出不同的艺术处理&#xff0c;这样才能到达预期的规划作用。 1.使用颜色的温度感来体现主题特征。颜色是具有温度感的。暖色系在人的心理上易发生舒展的感觉&…

鸡汤之力

1、曾经有一段时间&#xff0c;你心情低落&#xff0c;甚至懒得拉开窗帘&#xff0c;看着窗外的阳光。因此你当然也忘了去看看&#xff0c;窗台上那一盆每天都需要喝水的玛格丽特。如此不知过了多久&#xff0c;总算有一天&#xff0c;你度过了心情的低潮&#xff0c;同时也想起…

第二十三章

第二十三章 曲则全&#xff0c;枉则正&#xff0c;洼则盈&#xff0c;敝则新&#xff0c;少则得&#xff0c;多则惑。是以圣人执一&#xff0c;为天下牧。不自视故彰&#xff1b;不自见故明&#xff1b;不自伐故有功&#xff1b;弗矜故能长。夫唯不争&#xff0c;故莫能与之争。…

C#增删改小总结

首先建立数据库中相应的表 create database mydbgouse mydbgocreate table Productor --汽车厂商( Prod_Code varchar(50) primary key, --厂商编号 Prod_Name varchar(50) not null --厂商名称)gocreate table Brand --品牌( Brand_Code varchar(50) primary key, --品牌编号 …