- 准备网站下载器
网上可以自己百度搜索,我使用的这个工具就是HTTrack Website Copier,通过这个工具完成一个网站的获取,主要是获取静态文件。这里需要自己去分析这个静态文件,我们获取到的页面主要是需要css、images、js和index.html这个首页。
经过分析,我们得到的一个首页index.html和css、images、js等文件夹。
![](https://img.xiumi.us/xmi/ua/rSJP/i/6e5d8e8553793219fae0856c15215b72-sz_6858.png)
接下来我们创建一个文件夹,有以下目录
![](https://img.xiumi.us/xmi/ua/rSJP/i/e9915b8a1afc15846b29412321d8fcce-sz_13197.png)
编辑main.xml,其中最关键的部分就是name中的名字和主题包要一致。
![](https://img.xiumi.us/xmi/ua/rSJP/i/66f9460744637c500c5b47a706ec08cb-sz_205884.png)
然后将我们准备的静态文件放到这个目录里
![](https://img.xiumi.us/xmi/ua/rSJP/i/4a4d21a5d600c816f33b4f34c070150c-sz_8593.png)
接下将我们准备的文件夹压缩为zip包
![](https://img.xiumi.us/xmi/ua/rSJP/i/a146310d94c983f63bbe46b0fbceca77-sz_76544.png)
打开我们的管理后台,上传这个zip包
![](https://img.xiumi.us/xmi/ua/rSJP/i/0446c724ab32cc952ed40900bff5ecae-sz_197935.png)
上传后报错
![](https://img.xiumi.us/xmi/ua/rSJP/i/5f8c7ae56abdec1a8bc23c13164cec4a-sz_29754.png)
因为新版本不再使用main.xml了,所以学习官网视频的时候要注意更改文件,文件更改为theme.json,内容和main.xml基本一致说明作者已经更新了版本。
![](https://img.xiumi.us/xmi/ua/rSJP/i/2c6d8eabdd7aaba08cb801dfe45fb043-sz_63265.png)
将之前的目录更改后,重新压缩上传
![](https://img.xiumi.us/xmi/ua/rSJP/i/d59b606b19997b1b5b622bdd9494fa8c-sz_6797.png)
重新上传后成功
![](https://img.xiumi.us/xmi/ua/rSJP/i/f65389bf39c82dc7acc6c82e55577f67-sz_224596.png)
我们将测试主题设置为默认主题,点击主题设置->启动就可以了。
![](https://img.xiumi.us/xmi/ua/rSJP/i/c1887e5c3afc865a6f14e2e89a5e55e4-sz_238122.png)
接下来刷新我们的官网首页就发现主题开发变化了,已经不是这前的模板了。
![](https://img.xiumi.us/xmi/ua/rSJP/i/bf1f47cd8546c3bd3721895a508c29f8-sz_1128150.png)
然后我们要找这个页面里的一些问题比如资源路径的问题等等,我们一个个处理。
比如下面这个问题
![](https://img.xiumi.us/xmi/ua/rSJP/i/6d446b6a3a389e5e1d581380e42aab8b-sz_16709.png)
代码这次就去静态资源的文件夹查看
![](https://img.xiumi.us/xmi/ua/rSJP/i/3b0eb9a4f0e801005ad11a1c595e9cdf-sz_20408.png)
我们可以直接编辑这里面的文件了,我们先编辑index.html
下面的这些路径我们都需要更改
![](https://img.xiumi.us/xmi/ua/rSJP/i/ff669f8472415c573527802794c8b0b4-sz_177554.png)
梦想家CMS已经给我们提供了一些模板,我们可以直接使用了
![](https://img.xiumi.us/xmi/ua/rSJP/i/fd94ded9b5dd0bdb4c22e2da13a2c26b-sz_65877.png)
我们把路径改为我们自己的路径,下面资源位置的路径都可以改,就不一一截图了。
![](https://img.xiumi.us/xmi/ua/rSJP/i/09d9bfb9701cb3ead8750b227a7e5dce-sz_173718.png)
至于页面中没有图片的地方,我们查看代码发现是因为这是后台资源的目录
![](https://img.xiumi.us/xmi/ua/rSJP/i/89ebef4daf38ccbb8642b6fbac788e4b-sz_81534.png)
这种就是去官网把它的图片在页面是保存下来放到我们的项目中,大可不必这么做,知道就可以了,我们记下来去更改它的菜单部分。
![](https://img.xiumi.us/xmi/ua/rSJP/i/aded32582b9fe4563fb9682cbd240f54-sz_26729.png)
上面菜单的部分应该和我们的后台是一致的,我们后台是叫下面的这个名字。
![](https://img.xiumi.us/xmi/ua/rSJP/i/0036f6a3b84fe149402f997806aa3b39-sz_40693.png)
找到这个部分,我们更改一下
![](https://img.xiumi.us/xmi/ua/rSJP/i/d2d038ed8109b3b747a93dfad119d240-sz_77898.png)
我们要阅读这个代码,发现是一个li的标签,找梦想家CMS给提供的标签,运用到这个地方
![](https://img.xiumi.us/xmi/ua/rSJP/i/77d0a7b6f7797fbc01b03a278bbdc654-sz_122178.png)
然后我们更改这个部分,我们把官网的例子拿过来更改使用就可以看到里面的数据了
![](https://img.xiumi.us/xmi/ua/rSJP/i/12062d8f7906445801c30879f4faf1f2-sz_148860.png)
看下效果,虽然没有样式,但是数据可以出来,样式是因为我删除的太多了
![](https://img.xiumi.us/xmi/ua/rSJP/i/4f28b0978ea2acd6d285c16a244096df-sz_28957.png)
标签:这个,更改,梦想家,官网,CMS,我们,模板 From: https://www.cnblogs.com/bqwzy/p/16790521.html