动手修改小储云商城的标题logo

本文推荐使用宇宙最强“文本编辑器”VScode，玩前端的同学都知道官网链接

[FBI WARNING]

本教程需要你有一定的动手能力以及一台电脑(最好)！

以下是教程（本教程以Cloud模板为例，其他模板大同小异）：

1. 下载最新小储云压缩包，解压，点进去

\template\cloud

2. 使用Vscode打开【header.php】文件

3. 快捷键Crtl＋f，查找内容【icon】，你会找到下面这一段代码

具体意思自己感兴趣可以去百度

4. 可以看到，官方使用了静态资源加速的方式，加快了小图标的加载。

5.我们要做的，就是将在线文件，改为本地文件。经过试验，小储云官方提供的晴天云盘不支持上传【.ico】后缀的文件，由于我的服务器带宽足够，因此我选择直接将文件放在服务器，也不大。主机带宽不太够的同学可以选择外链文件的方式，减少主机压力

6. 如图，是我已经改好的logo路径，需要注意的是，这里使用的是相对路径，在网页的开发中，建议使用相对路径。千万不要用诸如【E:\image\xxx.ico】这样子的绝对路径，这样子你上传上去服务器是识别不出来的

7.那么什么是相对路径呢？

相对路径就是指由这个文件所在的路径引起的跟其它文件（或文件夹）的路径关系。有点难懂，举个栗子：

这里有两个目录

C:\wwwroot\other\index.html

C:\wwwroot\web\article1.html

index.htm要想链接到01.htm这个文件，正确的链接应该是  

../web\article1.html

或者

../web/article/01.html

在超链接中../可以省略，在dos,或windows文件路径中../不可以省略。  

反过来，01.htm要想链接到index.htm这个文件

在01.htm文件里面应该写上这句： 

 ../../other/index.htm

只需要知道，【../】的作用是返回上一级目录，然后程序就会从上一级目录往下寻找目录

回到正文，【../images/favicon.ico】的意思就是程序会从当前目录返回上一级目录，然后查找到【images】文件夹，再在文件夹下找到【favicon.ico】文件。我这里直接就放在了【images】目录下面，所以只需要查找到这一层就可以了，如果你是放在更深层次的目录下，就继续找下去。

所以我最终的相对路径就是

../images/favicon.ico

那么相对应的，你主机的文件也应该放在对应的目录下。

官方的小图标其实放在了【assets】目录下，我为了图方便才另外新建了一个文件夹【images】。你可以直接将小图标放在【assets】目录下覆盖掉官方的源图标，也可以新建一个你喜欢的文件夹放。小图标放在哪，路径就填哪。

8.在修改好文件后，跟图片分别上传到主机对应的目录，覆盖掉原来的文件即可。

小图标上传路径：你自己定的路径

【header.php】: \template\cloud

其他的东西如果不会，请不要随意改动。不然网站会发生什么不可描述的错误你都不知道

总结：准备一张小图标-修改【header.php】文件-上传覆盖

更多干货教程请持续关注

【完】