核心思路
无论更换哪种图片,核心思路都是一样的:

(图片来源网络,侵删)
- 找到图片文件:在Dede的模板文件夹里找到包含该图片的HTML或PHP文件。
- 修改代码:编辑这个文件,将旧的图片路径或名称替换为新的。
- 上传新图片:将你的新图片文件上传到正确的服务器目录中。
- 刷新缓存:在Dede后台清理一下模板缓存,确保更改生效。
更换模板自带的静态图片(如Logo、背景图、装饰图等)
这类图片通常是模板设计师打包好的,路径是相对于模板文件夹的。
操作步骤:
第一步:找到图片文件
- 通过FTP工具或主机控制面板的文件管理器,登录你的服务器。
- 找到Dede的安装目录,通常路径是
/dede/或/templets/。 - 进入
templets文件夹,然后找到你当前正在使用的模板文件夹(default或你自定义的模板名)。 - 在模板文件夹里寻找你想要更换的图片,Logo图片通常在
images文件夹里,路径可能是/templets/你的模板名/images/logo.png。
第二步:修改模板代码
- 登录DedeCMS后台。
- 进入【模板】->【模板管理】。
- 在模板列表中,找到包含该图片的模板文件,Logo通常在
index.htm(首页模板)或head.htm(头部公共模板)里。 - 点击对应模板文件后面的【修改】按钮。
- 在代码编辑器中,找到
<img>标签。<img src="images/logo.png" alt="网站名称" />
- 将
src属性中的图片路径修改为你新图片的路径,如果你的新图片也放在images文件夹下,并且命名为new_logo.png,那么就修改为:<img src="images/new_logo.png" alt="网站名称" />
- 重要提示:这里的路径是相对于当前模板文件夹的,如果你把新图片放在了
/templets/你的模板名/images/目录下,就直接写images/new_logo.png。
- 重要提示:这里的路径是相对于当前模板文件夹的,如果你把新图片放在了
第三步:上传新图片

(图片来源网络,侵删)
- 通过FTP工具,将你准备好的新图片(
new_logo.png)上传到模板的images文件夹中,覆盖掉旧图片或放在新位置。 - 确保路径与第二步代码中的路径完全一致。
第四步:更新缓存
- 在Dede后台,点击顶部菜单的【系统】->【一键更新网站】。
- 在左侧选择【更新主页HTML】和【更新栏目】。
- 点击【开始更新】,这一步是为了让Dede重新生成首页,确保你的图片更改能够显示出来。
更换文章内容中的图片(文章内插图)
这类图片不是模板自带的,而是用户在发布文章时通过编辑器上传的。
操作步骤:
方法A:直接在文章中修改(适合少量修改)
- 登录Dede后台,进入【核心】->【内容发布】->【普通文章】。
- 找到包含错误图片的那篇文章,点击【编辑】。
- 编辑器中(如ckeditor),直接找到那张图片,点击它,然后点击编辑器工具栏上的“图片”按钮。
- 在弹出的窗口中,可以重新上传一张新图片,或者修改图片的地址。
- 保存文章后,更新网站缓存。
方法B:通过FTP批量替换(适合大量修改)

(图片来源网络,侵删)
如果你想把所有文章中的 old-image.jpg 都换成 new-image.jpg,手动修改太慢了,可以用这个方法。
- 备份数据库:在进行任何批量操作前,务必备份数据库!这是防止操作失误导致数据丢失的唯一保障。
- 上传新图片:通过FTP将你的新图片上传到网站附件目录(通常是
/uploads/或/dede/uploads/)。 - 登录数据库管理工具:如phpMyAdmin。
- 执行SQL语句:
- 选择你的Dede数据库。
- 点击【SQL】选项卡,输入以下命令,然后执行。
-- 将 'uploads/old-image.jpg' 替换为 'uploads/new-image.jpg' -- `#@__article` 是Dede的文章表前缀,如果你的前缀不是 `#@__`,请替换成你的实际前缀,如 `dede_`。 UPDATE `#@__article` SET body = REPLACE(body, 'uploads/old-image.jpg', 'uploads/new-image.jpg');
- 解释:这条命令会遍历
#@__article表的body字段(存放文章内容),将所有old-image.jpg的路径替换成new-image.jpg。 - 如果你的图片还可能在摘要或其他字段里,可以继续执行类似的语句更新其他字段。
更换栏目/内容页的缩略图
缩略图通常有两种形式:一种是文章自带的(通过文章编辑器上传),另一种是栏目设置里的默认图片。
操作步骤:
更新文章自带缩略图
- 方法一(推荐):进入【核心】->【内容发布】->【普通文章】,点击【审核/管理文档】,可以批量选择文章,然后点击【更改属性】,在弹出的窗口中可以批量修改缩略图。
- 方法二:在编辑单篇文章时,可以在文章编辑器下方或侧边栏的“缩略图”选项上传或更换图片。
更新栏目默认缩略图
- 登录Dede后台,进入【核心】->【栏目管理】。
- 找到你想修改的栏目,点击后面的【修改】。
- 在栏目编辑页面,找到“栏目图片”这一项。
- 点击“上传”或“选择”按钮,上传一张新的图片作为该栏目的默认缩略图。
- 保存后,更新网站缓存。
常见问题与技巧
Q1: 为什么我改完图片,刷新页面后还是显示旧的图片? A1: 这是因为浏览器缓存了旧图片,请尝试以下方法:
- 强制刷新页面:在浏览器中按
Ctrl + F5(Windows) 或Cmd + Shift + R(Mac)。 - 清理浏览器缓存:在浏览器设置中清理缓存和Cookie。
- 清理Dede模板缓存:在后台【系统】->【一键更新网站】中更新缓存。
- 检查图片路径:确保代码中的路径是正确的,并且新图片已经上传到了正确的位置。
Q2: 图片路径应该用绝对路径还是相对路径? A2: 两者都可以,但各有优劣。
- 相对路径:如
images/logo.png,优点是网站迁移(更换域名)时,只要模板文件夹结构不变,图片就能正常显示,这是最常用的方式。 - 绝对路径:如
https://www.yourdomain.com/templets/default/images/logo.png,优点是能防止某些特殊情况下的路径错乱,但网站更换域名后需要手动修改所有路径。
对于模板自带的图片,强烈推荐使用相对路径。
Q3: 如何批量更换模板中的所有图片?
A3: 如果图片名称统一,可以使用FTP工具的“查找并替换”功能(FileZilla 的 Search & Replace 插件)来批量修改模板文件中的图片名称,或者,可以像情况二那样,使用数据库的 REPLACE 命令来批量替换文章内容中的图片路径。
希望这份详细的指南能帮助你顺利完成Dede模板的图片更换!
