苦力怕论坛插入图片需用BBCode的[img]标签配合图床直链，支持尺寸参数与align居中，须用HTTPS静态链接并避免查询参数，多图空行分隔，图注可用[quote]嵌套实现。
如果您在苦力怕论坛发帖时希望插入图片以增强内容表现力，但发现图片无法正常显示或排版错乱，则可能是由于图片语法使用错误、图床链接失效或格式未按论坛解析规则书写。以下是实现图文混排的可靠操作步骤：
一、使用[img]代码插入外链图片
苦力怕论坛支持BBCode语法，其中[img]标签专用于嵌入外部图片链接，系统会自动解析并渲染为可见图像。该方式要求图片已上传至可公开访问的图床，且链接以http://或https://开头。
1、将图片上传至图床（如sm.ms、chevereto、klpbbs图库等），获取直链地址；
2、在发帖编辑框中输入[img]与[/img]标签，将直链置于二者之间，例如：[img]https://example.com/image.png[/img]；
3、预览帖子，确认图片加载成功且尺寸适中；
4、若图片过大影响阅读，可在[img]后添加尺寸参数，格式为[img=宽度,高度]，如[img=600,400]https://example.com/image.png[/img]。
二、调整图片对齐与缩放
默认[img]插入的图片为居左内联显示，可能造成文字环绕异常。通过组合align与img语法可控制布局，同时利用width/height属性微调视觉比例，避免遮挡关键文字内容。
1、使图片居中显示：在[img]代码外包裹[align=center]标签，写作[align=center][img]https://example.com/image.png[/img][/align]；
2、强制等比缩放图片：仅填写宽度参数，高度留空，如[img=500]https://example.com/image.png[/img]，系统将自动计算对应高度；
3、插入多图时，每张图前后用空行分隔，防止渲染合并为单个块元素；
4、严禁直接粘贴本地图片文件或使用file://协议路径，此类链接论坛无法访问。
将一个或多个 UI 原型图、线框图、产品截图或设计稿转换为标准化、可直接交付的 PRD 风格文档，供产品、设计、前端和测试共同使用。适用于 Codex 需要分析 PC 网页、桌面端、移动端、响应式页面、独立弹窗、表单、表格、看板、数据大屏或多页面流程截图，还原页面结构与交互，强制套用固定文档模板，抽取跨页面共享规则，或把一组原型沉淀为单页规范文档加整体业务流程文档的场景。不适用于纯视觉审美点评、代码实现、接口设计、埋点方案、竞品分析或无 UI 输入的业务需求创作。
三、规避常见解析失败情形
部分图片无法显示并非操作失误，而是因链接结构不符合论坛解析器白名单策略，例如含动态参数、跳转重定向或防盗链响应头的URL会被拦截。需确保图床返回HTTP 200状态且Content-Type为image/*。
1、检查图片链接是否能在浏览器新标签页中直接打开并显示图像；
2、避免使用含?、&、=等查询参数的URL，如https://xxx.png?version=1，应替换为纯净静态路径；
3、若使用klpbbs自有图库，上传后务必点击“复制链接”而非“复制HTML”，后者含标签不兼容BBCode；
4、所有图片链接必须为HTTPS协议，HTTP链接自2025年7月起已被论坛前端主动屏蔽。
四、插入带说明文字的图注组合
为提升图文信息密度，可将图片与简短说明封装为语义化单元。论坛支持quote与img嵌套，形成类figure结构，便于读者理解上下文关系。
1、在图片下方另起一段，使用[b]加粗说明标题[/b]，例如[b]图1：资源包文件夹结构示意图[/b]；
2、将图片与说明整体放入[quote]标签内，写作[quote][img]https://example.com/structure.png[/img][b]图1：资源包文件夹结构示意图[/b][/quote]；
3、若说明文字较长，可拆分为两段：第一段为[img]，第二段为纯文本说明，并用[p]换行分隔；
4、禁止在[img]标签内部插入空格、换行或中文标点，否则导致整个代码块解析中断。
