先找到文字和图片的位置
打开模板文件夹，用编辑器或浏览器开发者工具查看页面结构。文字通常直接写在 HTML 标签之间，例如
、
、![]()
src 属性里。
在浏览器中右键点击要改的元素，选择“检查”，能快速定位到对应代码行。先复制这段结构，再回到源文件搜索相同文字或文件名，避免改错位置。
修改文字内容
直接写在 HTML 里的文字
找到目标标签后，把标签之间的内容替换成新文字即可。注意不要动标签本身和属性，只改中间部分。如果同一段文字在多个页面出现，需要分别搜索替换，或使用编辑器的“在文件夹中查找”功能。
写在 CSS 或配置里的文字
有些模板用伪元素 content 显示文字，或把文案放在 JS 配置对象里。遇到 HTML 中找不到的文字，就去 CSS 搜 content:，去 JS 搜关键词。伪元素文字改 CSS，配置文字改配置项，不要硬写进 HTML。
更换图片
替换图片文件
最省事的方法是保持文件名和路径不变，用新图片覆盖旧图片。新图尺寸和比例最好与原图一致，否则容易撑破布局。覆盖前先备份原图。
修改图片路径
如果不想覆盖，就把新图放进 images 目录，再把 src 改成新路径。同时检查 alt 属性，把它改成与新图相符的描述，既利于 SEO，也方便图片加载失败时显示。
背景图片的处理
背景图写在 CSS 的 background-image: url(...) 里，改这里而不是 HTML。若模板用了多套背景图，注意区分桌面端和移动端的媒体查询，避免只改了一处。
检查响应式与字体差异
改完文字后，换行位置可能变化，导致按钮或卡片高度被撑开。用浏览器缩放窗口，分别看桌面和手机宽度下的效果。图片替换后，若原图有固定宽高属性，也要同步更新，防止拉伸变形。
中英文字体不同，同样的字数占位宽度不一样。模板原本用英文占位，换成中文后可能溢出，需要适当调小字号或调整容器宽度。
小结
改模板的核心是：先定位，再替换，最后检查。文字看 HTML 标签和 CSS 伪元素，图片看 src 和 background-image。保持文件名、尺寸、路径一致，能减少大部分显示问题。改完多设备预览一遍，基本就能稳定上线。
