Obsidian的图片支持HTML本地图片

已于 2023-03-07 22:49:31 修改
阅读量3.9k 收藏 4
点赞数 9
分类专栏： 工具 文章标签： markdown
于 2022-11-15 00:11:11 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/github_25176023/article/details/127858214
版权

背景

不知什么原因，obsidian暂时还不支持html 本地的图片，我在网上找了一圈，最终自己参考着瞎搞了一下。
整了个半成品，分享给网络朋友们。

下载

https://github.com/talengu/obsidian-local-img-plugin

解压到 plugin文件夹

enable此插件

在这里插入图片描述

结果

在这里插入图片描述在这里插入图片描述
在这里插入图片描述
不过当前，仅支持preview模式，不支持live preview模式。有点可惜。

欢迎大佬们👏，改进！！！
https://github.com/talengu/obsidian-local-img-plugin

配合 Custom Attachment Location 插件更好用。
https://blog.csdn.net/qq_52357217/article/details/127562163#comments_24154449

Obsidian中HTML本地图片无法显示问题
A_Z666666的博客
07-16 5389
这样的形式，好处是方便大小和位置的调节。设置本地图床目录，即指定本地图片保存目录（我之前笔记时把所有markdown用到的图片都保存到了imgs这个文件夹下，图片名字以前缀进行区别它们属于哪个笔记的。以下，只需更改notebook_path为你笔记所在目录路径, 更改ori_imgs_dir为你保存图片的文件夹名称即可。在网上找了一圈如何使Obsidian显示这样的形式后发现，暂时还没有很好的解决方案。问题分析：我之前在记笔记的markdown中插入图片时，都是用。
使用Obsidian写Hexo博客
偶尔记一下 - mybatis.io
07-05 1609
整个操作起来挺麻烦的，写到一半我都写不下去了，如果有人喜欢这种方式，或者喜欢我改造的这个博客主题，可以留言给我，我可以把主题以及整个博客整理出一个框架开源出来方便大家使用。直接基于现成环境写的时候，上面所有这些操作都是配置好的，你可以把重点放在内容创作上。博客地址：大家还可以说说你们打开博客的速度怎么样，当我第一篇发出去后，首批打开博客的人说加载速度很慢，图片很多，而且都比较大，打开慢就避免不了。文章内容的图片自动转换为 webp 格式，这种格式的压缩率很高，图片瘦身效果很好。
scr-obsidian-html:将黑曜石发布到HTML目标。 保留原始来源的文件夹结构（未来功能）
05-01
scr-obsidian-html 用于将黑曜石.md库发布到HTML目标的前端脚本。 双簧管用法 obsidian-html已由其作者迁移到新软件包，以提供更广泛的.md支持，并包括与该脚本的某些部分重叠的新功能。 我建议您评估该作者的新项目，而不要使用以下脚本： : 。 我发现我的用法仍然需要进行预处理和后期处理，因此该项目提供了该功能。 kmaasrud / oboe仍在开发中，该项目将定期更新以与该项目一起进行。 区别总结如下： 黑曜石链接.md文件假定为平面文件夹结构。 oboe具有-d选项，以保留文件夹结构，或者默认情况下，仅对运行可执行文件的特定文件夹进行操作。 当oboe使用-d选项进行操作时，生成的.html文件中的链接将不包含保留的文件夹结构，并且会断开。 如果oboe在不使用-d选项的情况下运行，则仅在当前文件夹中运行。 scr-obsidian-html枚举
使用Templater插件在Obsidian中进行html代码块插入与underline插件
Haya_7的博客
01-31 628
在Obsidian中需要对文字进行标注时 1. 可以用**增强编辑**插件或**highlighsrt**插件对文字背景或者文字本身进行高亮处理 2. 可以使用underline插件标记下划线
Obsidian HTML 插件指南
gitblog_00370的博客
09-11 1127
Obsidian HTML 插件指南 obsidian-html-plugin This is a plugin for Obsidian (https://obsidian.md). Can open document with .html and .htm file extensions. ...
推荐：Obsidian Webpage HTML Export - 网页HTML导出插件
gitblog_00076的博客
05-22 1671
推荐：Obsidian Webpage HTML Export - 网页HTML导出插件 项目地址:https://gitcode.com/gh_mirrors/ob/obsidian-webpage-export 项目介绍 在信息时代，数据管理和分享变得越来越重要。Obsidian Webpage HTML Export 是一款专为 Obsidian 用户设计的强大插件，它能够将你的笔记、文件或...
Obsidian HTML 插件安装与使用指南
gitblog_00745的博客
09-11 1399
Obsidian HTML 插件安装与使用指南 obsidian-html-plugin This is a plugin for Obsidian (https://obsidian.md). Can open document with .html and .htm file extensions. ...
oboe：将黑曜石库转换为HTML文件静态目录的简单工具
02-03
注意： obsidian-html已重命名为oboe ，以使其逐渐与Obsidian脱钩。 对于由此可能造成的不便，我们深表歉意。 如果您已经安装了obsidian-html ，则可以将其卸载并按照下面的oboe进行。 确保还更新了GitHub Actions。 双簧管 -- Oboe是Python命令行工具，用于将库转换为HTML文件库，目的是将它们发布为静态文件。 它依赖于出色的来进行Markdown解析，而且还可以解析黑曜石的Markdown风格。 此外，Oboe可以处理保管库的结构并支持模板。 安装 确保已安装Python和PIP。 用pip install git+https://
Obsidian使用手册
热门推荐
SIMBA1949的博客
05-17 2万+
前言 obsidian 官网：https://obsidian.md obsidian 官方中文帮助文档：https://publish.obsidian.md/help-zh/由此开始 obsidian 官方使用手册：https://publish.obsidian.md/help-zh/使用指南/格式化你的笔记 Obsidian 精髓——反向链接 使用两个中括号[[]]，可以链接到本地文件，也可以输入先【#】可以链接到标题，也可以先输入【^】链接文本块，也可以先输入【|】指定的文本 反向链接到文件示
基于Obsidian的跨端同步个人笔记设计源码
最新发布
02-20
Obsidian是一款备受瞩目的个人笔记软件，它的设计理念是打造一种强大的本地文件管理方式，同时又能实现跨端的同步功能。这使得用户能够在一个平台上高效地整理、存储和检索信息。本项目基于Obsidian，设计出一套个人...
obsidian-101tool-春节主题资源
02-12
Obsidian是一个流行的本地知识管理和笔记应用程序，它允许用户通过链接笔记来构建个人的知识库。而“101tool”可能是一个特定的插件或工具集，旨在提供给用户在使用Obsidian时的一系列基本或入门级的辅助功能。春节...
obsidian-gallery：简单的插件，用于在文件库的指定位置创建交互式图像库
03-03
黑曜石画廊 简单的插件，可在文件库的指定位置创建交互式图像库 图像可以调整大小 可以拖动和重新排列图像（重新打开便笺时，所做的更改将被删除，因为对象将被重新创建并自动更新） 例子： 用法： 在要添加渲染块的注释中，以编辑模式编写以下所示的渲染块示例。 它必须包含与项目路径相对应的一行，例如： /整个金库 Project Example Test对位于项目/Project Example Test Project Root/Project Second Example/Test Project为位于项目/Project Root/Project Second Example/Test Project 特殊选项： 查询块可以使用更多的参数，而不仅仅是可以从中获取要显示图像的文件夹路径。 该选项是根据LINE指定的！ 因此，如果您想指定宽度而不使用先前的选项，则必须保留空行！ 根
obsidian-advanced-slides.zip
05-26
- Obsidian是一款基于本地存储的笔记应用程序，强调知识图谱的构建，通过双向链接帮助用户构建思维网络。 - Markdown语法是其基础，使得文本格式化简单易学，同时支持嵌入图片、代码块、表格等元素。 2. **创建...
Obsidian Local Images 插件使用教程
gitblog_01106的博客
08-20 984
Obsidian Local Images 插件使用教程 项目地址:https://gitcode.com/gh_mirrors/ob/obsidian-local-images 项目介绍 Obsidian Local Images 是一个为 Obsidian 笔记应用设计的插件，旨在帮助用户将网络图片自动下载并转换为本地图片，从而提高笔记的便携性和安全性。通过使用此插件，用户可以确保所有引用图片...
Obsidian-HTML 开源项目教程
gitblog_00338的博客
08-16 769
Obsidian-HTML 开源项目教程 obsidian-htmlPython code to convert Obsidian notes to proper markdown and optionally to create an html site too.项目地址:https://gitcode.com/gh_mirrors/ob/obsidian-html 项目介绍 Obsidian...
探索高效管理工具：Obsidian Local Images Plus
gitblog_00059的博客
06-02 951
探索高效管理工具：Obsidian Local Images Plus obsidian-local-images-plusThis repo is a reincarnation of obsidian-local-images plugin which main aim was downloading images in md notes to local storage.项目地址:http...
Obsidian Local Images 插件安装和配置指南
gitblog_01240的博客
10-18 867
Obsidian Local Images 插件安装和配置指南 obsidian-local-images 项目地址: https://gitcode.com/gh_mirrors/ob/obsidian-local-image...
使用obsidian-webpage-export 插件，将 Obsidian 中的笔记导出为网页
专注于全栈开发领域
07-31 2799
通过自定义模板，可以更好地控制网页的外观和功能。模板文件通常是 HTML 文件，您可以在其中添加 CSS 和 JavaScript 代码，以实现自定义样式和交互效果。例如，您可以添加一个导航栏，以便在不同笔记之间快速切换。
obsidian怎么插入本地图片
10-07
Obsidian目前暂时不支持直接插入本地图片，但你可以使用一个插件来实现这个功能。你可以按照以下步骤安装和使用这个插件： 1. 下载插件：你可以在GitHub上找到一个名为"obsidian-local-img-plugin"的插件。你可以通过访问"https://github.com/talengu/obsidian-local-img-plugin"来下载插件。 2. 解压插件：将下载的插件文件解压缩到Obsidian的插件文件夹中。 3. 启用插件：进入Obsidian的设置界面，找到插件选项，然后启用"obsidian-local-img-plugin"插件。 4. 插入本地图片：现在你可以通过在笔记中使用Markdown语法来插入本地图片。使用`![描述](路径)`这种格式来插入图片，其中描述是图片的文字描述，路径是图片的本地路径。 希望这个方法对你有帮助！如果你有任何进一步的问题，请随时提问。
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值