如何在文章中添加图片并正确填写模板中<img>标签的src路径
对应两种占位符的填写方式如下:
- 如果你使用的是支持
{filename}占位符的静态站点生成器(如Pelican等):直接将完整的{filename} + 图片相对路径填入src属性即可,构建阶段工具会自动将占位符替换为图片的最终发布路径。
示例:如果图片存放在站点资源目录的images/example.jpg路径,填写方式为:<img src="{filename}images/example.jpg" /> - 如果你使用的是支持
{attach}占位符的文档/Wiki系统(如部分自研CMS、Obsidian发布功能等):直接将完整的{attach} + 附件对应路径填入src属性即可,工具会自动关联已上传的附件资源,渲染时替换为可访问的资源路径。
示例:如果上传的附件图片路径为assets/cover.png,填写方式为:<img src="{attach}assets/cover.png" />
额外提醒:填写的路径要和你实际的文件存放/附件上传路径完全一致,避免因文件名、层级拼写错误导致图片404无法加载。
内容的提问来源于stack exchange,提问作者Alex
相关产品推荐
相关产品推荐

