peanut996/blog-comment

如何在Hugo和Obisdian正确预览图片 - PEANUT996

Opened this issue · 0 comments

https://peanut996.cn/how-to-set-image-in-obsidian-and-hugo/

创建图片文件夹 首先需要创建一个专门的文件夹用于存放图片,这里直接创建images文件夹。 位置: $site/images
Hugo 首先是需要启用modules的支持,然后使用官方的插件

config.toml [module] [[module.imports]] path = 'github.com/hugomods/images' [[module.mounts]] source = 'images' target = 'assets/images' 假如此时有一张图片pic.png, 那么在markdown中只需要如此编写即可在hugo中正确预览:

图片 Obsidian 此时的obsidian已经能够正确预览图片。 如果想要在粘贴的时候,文件能够正确出现到对应的位置,那么打开设置:
修改附件存放路径 - images 内部链接类型 - 基于仓库根目录的绝对路径 需要注意的是,每次在粘贴文件还需要手动在obsidian创建的链接中添加/, hugo中才能正确预览图片
存在的问题 尝试直接将images挂载到static文件夹, 这样md中就可以使用图片预览图片,但是这样的配置hugo不能正确预览,所以仍然挂载assets
[[module.mounts]] source = 'images' target = 'static/images'