Dedecms 仿站核心思想
仿站的核心思想是 “扒皮”,但不是简单地复制粘贴代码,而是 “结构复制,样式移植,数据填充”,我们将这个过程分解为以下几个步骤:

(图片来源网络,侵删)
- 分析目标网站:了解其布局、栏目、内容和功能。
- 下载并安装 Dedecms:准备好我们的“空壳”程序。
- 下载并分析源码:获取目标网站的静态文件(HTML, CSS, JS, 图片)。
- 制作静态模板:将下载的源码改造成符合 Dedecms 规范的 HTML 文件。
- 制作动态标签:在静态模板中插入 Dedecms 的模板标签,实现动态调用。
- 上传并生成网站:将模板文件上传到服务器,并生成首页和列表页。
- 内容填充与调整,检查并修复样式和链接问题。
详细图文教程
第一步:准备工作(至关重要)
- 服务器环境:确保你的服务器或本地环境(如phpStudy、XAMPP)支持 PHP + MySQL,Dedecms 对 PHP 版本有一定要求,建议使用 PHP 7.x 系列版本,新版本可能不兼容。
- 域名和空间:准备一个域名和虚拟主机(或云服务器),并将域名解析到你的服务器IP。
- 下载 Dedecms 程序:前往 Dedecms 官网下载最新稳定版程序。
- 官方下载地址:
https://www.dedecms.com/ - 我们会把这个程序上传到服务器的根目录(通常是
public_html或www目录)。
- 官方下载地址:
- 下载仿站资源包:这是教程的核心部分,包含了我们需要仿制的网站的源码。
第二步:安装 Dedecms
- 将下载好的 Dedecms 程序解压,通过 FTP 工具(如 FileZilla)上传到服务器根目录。
- 在浏览器中访问你的域名(
http://www.yourdomain.com/install/index.php)。 - 按照安装向导进行操作:
- 环境检测:确保所有环境检测都通过。
- 安装协议:同意即可。
- 设置参数:
- 网站信息:网站名称、网站路径等。
- 数据库信息:这是关键!你需要提前在你的虚拟主机控制面板或数据库管理工具(如 phpMyAdmin)中创建一个新的数据库和数据库用户,并授予所有权限,然后将数据库名、用户名、密码填入安装界面。
- 完成安装:安装成功后,会提示你删除
/install/目录,请务必删除它以保证安全。
安装完成后,你的网站就有了一个基本的框架,但页面还很简陋。
第三步:获取并分析目标网站源码
这是仿站的“原材料”来源,这里我们使用 “火狐浏览器 (Firefox)” 的 “Firebug” 插件(或现代浏览器的开发者工具)来完成。
- 在浏览器中打开你想要仿制的网站。
- 按下
F12键,打开开发者工具。 - 点击工具栏上的 “小箭头” 图标,然后用鼠标点击页面上的任何一个元素(如 Logo、导航栏、文章列表),右侧的代码区域就会自动定位到对应的 HTML 代码。
- 分析网站结构:通过这个工具,你可以清晰地看到网站是由哪些部分组成的,通常是:
<header>:网站头部,包含 Logo、主导航等。<nav>:导航菜单。<main>/<div class="main">区,如文章列表、文章内容。<aside>:侧边栏,包含热门文章、标签云等。<footer>:网站底部,包含版权信息、友情链接等。
第四步:制作静态模板
- 下载源码:在目标网站上,使用开发者工具的“网络”面板,找到 HTML、CSS、JS 文件的请求,右键选择“另存为”,下载这些文件,你也可以使用一些网站下载工具(如 HTTrack Website Copier)来批量下载整个网站。
- 整理文件:将下载的文件整理成一个清晰的文件夹结构,
/templets/(这是 Dedecms 存放模板的目录)/default/(默认模板文件夹,我们在这里操作)/images/(存放图片)/style/(存放 CSS 文件)/js/(存放 JS 文件)index.html(首页模板)list_article.htm(文章列表页模板)article_article.htm(文章内容页模板)
- 修改路径:使用 Dreamweaver、VS Code 或 Sublime Text 等代码编辑器打开下载的
index.html文件,将所有引用图片、CSS、JS 的相对路径(如src="images/logo.png")修改为正确的路径,如果这些文件都放在/templets/default/目录下,路径可以直接使用,或者统一加上{dede:global.cfg_templeturl//}这个标签(后面会讲)。
第五步:制作动态标签(最核心的一步)
我们要将静态的 HTML 文件变成能被 Dedecms 动态调用的模板文件,这个过程就是用 Dedecms 的 模板标签 替换掉 HTML 中的静态内容。
常用标签列表:

(图片来源网络,侵删)
| 功能 | 标签代码 | 说明 |
|---|---|---|
| 网站信息 | {dede:global.cfg_webname/} |
网站名称 |
{dede:global.cfg_weburl/} |
网站首页地址 | |
{dede:global.cfg_description/} |
网站描述 | |
| Logo | <a href='{dede:global.cfg_weburl/}'><img src='{dede:global.cfg_logo/}' alt='{dede:global.cfg_webname/}' /></a> |
调用后台设置的 Logo |
| 主导航 | {dede:channel type='top' row='8'}<a href='[field:typeurl/]'>[field:typename/]</a>{/dede:channel} |
调用顶级栏目,row='8' 表示调用8个 |
| 首页文章列表 | {dede:arclist titlelen='50' row='10'}<li><a href='[field:arcurl/]'>[field:title/]</a></li>{/dede:arclist} |
调用最新文章,titlelen='50' 标题长度,row='10' 调用10条 |
| 指定栏目文章 | {dede:arclist typeid='2' titlelen='50' row='10'}<li><a href='[field:arcurl/]'>[field:title/]</a></li>{/dede:arclist} |
typeid='2' 只调用栏目ID为2的文章 |
[field:title/] |
||
[field:body/] |
文章正文内容 | |
[field:pubdate function="MyDate('Y-m-d',@me)"/] |
发布日期,可自定义格式 | |
| 分页 | {dede:pagelist listitem='index,end,pre,next,pageno' listsize='5'/} |
列表页分页 |
| 页脚信息 | {dede:global.cfg_powerby/} |
系统版权信息(可修改) |
操作示例:
假设你的静态 HTML 中有一个文章列表,代码是这样的:
<ul class="news-list">
<li><a href="news/1.html">这是第一篇文章标题</a></li>
<li><a href="news/2.html">这是第二篇文章标题</a></li>
<li><a href="news/3.html">这是第三篇文章标题</a></li>
</ul>
你需要将它替换为 Dedecms 的动态标签:
<ul class="news-list">
{dede:arclist row='3'}
<li><a href="[field:arcurl/]">[field:title/]</a></li>
{/dede:arclist}
</ul>
用这种方式,将整个静态模板中需要动态显示的内容(Logo、导航、文章、图片等)全部替换成对应的标签。

(图片来源网络,侵删)
第六步:上传并生成网站
- 上传模板文件:将你制作好的
index.html、list_article.htm等模板文件,以及images、style、js文件夹,通过 FTP 上传到服务器上/dedecms/templets/default/目录下。 - 进入后台:访问
http://www.yourdomain.com/dede/(默认后台地址,可在后台修改)。 - 生成首页:
- 在左侧菜单找到 “生成” -> “主页HTML”。
- 点击 “更新主页HTML”,系统会自动调用你上传的
index.html模板文件,生成网站的首页。
- 生成列表页和内容页:
- 在左侧菜单找到 “生成” -> “列表页HTML” 和 “生成” -> “内容页HTML”。
- 你可以按栏目生成,也可以选择所有栏目进行生成。
生成成功后,访问你的网站首页,应该就能看到动态效果了。
第七步:内容填充与调整
- 添加栏目:在后台 “核心” -> “栏目管理” 中,根据目标网站的栏目结构,创建好所有栏目。
- 发布文章:在 “核心” -> “内容发布” -> “添加普通文章” 中,发布一些测试文章。
- 检查与调试:
- 样式错乱:最常见的问题,检查 CSS 文件路径是否正确,或者 Dedecms 的某些标签是否在输出时产生了额外的 HTML 标签,导致样式被破坏,可能需要微调 CSS。
- 图片不显示:检查图片路径是否正确,并确保图片已经成功上传到服务器的
/uploads/目录下。 - 链接错误:检查所有链接是否都使用了
[field:arcurl/]或[field:typeurl/]等动态标签。
百度云盘资源
这里为您整理了一些常用的 Dedecms 程序版本和仿站教程/资源包。
资源包说明:
- Dedecms 程序:包含了从 5.7 到 5.8 的稳定版本,以及 DedeBIZ(新一代)。
- 仿站教程:包含了详细的图文教程和视频教程。
- 模板源码:提供了一些常用的企业模板、博客模板的源码,可以直接用来练习。
【百度云盘下载链接】
链接: https://pan.baidu.com/s/1dG7kR0QvF8hL9mZ7YpTq3g
提取码: dede
(如果链接失效,可以在评论区留言,我会尽快更新)
列表:**
Dedecms仿站资源/
├── 01_Dedecms程序/
│ ├── dedecms5.7GBK.zip
│ ├── dedecms5.7UTF8.zip
│ ├── dedecms5.8GBK.zip
│ ├── dedecms5.8UTF8.zip
│ └── DedeBIZ_V2.0.0.zip
├── 02_仿站教程/
│ ├── 图文教程/
│ │ └── Dedecms仿站详细步骤.docx
│ └── 视频教程/
│ └── (一些录制的仿站操作视频)
├── 03_模板源码/
│ ├── 企业模板/
│ │ ├── 模板A (企业官网风格)/
│ │ └── 模板B (电商风格)/
│ └── 博客模板/
│ └── 模板C (个人博客风格)/
└── 04_常用工具/
├── FireFox浏览器.exe
└── FileZilla_客户端.exe
总结与建议
- 耐心细致:仿站是一个细致活,尤其是在修改标签和调试样式时,需要极大的耐心。
- 多看官方文档:Dedecms 官网有详细的标签手册,遇到不熟悉的标签,一定要先查阅文档。
- 从简单开始:如果第一次接触,建议先从一个简单的企业官网模板开始仿制,不要一上来就挑战结构复杂的门户网站。
- 备份!备份!备份! 在修改任何文件之前,务必备份原始的 Dedecms 程序和数据库,以防出错无法恢复。
希望这份详细的教程和资源能帮助您成功完成 Dedecms 仿站项目!祝您学习愉快!
