You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在文章中添加图片并正确填写模板中<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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.26 00:06:04