EyouCMS站点图标更换

你刚用EyouCMS搭完自己的小网站——比如奶茶店展示、个人随笔站，兴冲冲把链接发朋友圈，结果别人点进去，地址栏左边还是那个默认的灰底小电脑图标，微信分享出来的图模糊还带白边？别慌，这篇文章10分钟帮你搞定【EyouCMS站点图标更换】，不管是浏览器小图标还是微信分享图，看完就能直接操作。

一、先搞懂：EyouCMS要换哪两个核心图标？

说白了，换图标不是只换一个，要换两个才够好用，别瞎折腾：

1. 浏览器标签页小图标（favicon）

就是你用Chrome打开网站，地址栏左边那个小图案，能让别人一眼认出你的站点，不像随便套的模板站。

2. 微信/QQ分享的缩略图标

就是别人转发你网站链接时，跳出来的方形图，这个要是丑，别人根本不会点进来。

二、第一步：备好能用的图标，别找错图

这步错了后面全白搭，给你两个死要求，照着做就行：

1. 浏览器小图标（favicon）

必须是ico格式，尺寸16x16、32x32都要有，别太大，超过10KB浏览器加载慢。

举例子：你把自己的logo截个100x100的图，用在线工具（比如改图网的ico生成器）转成ico就行，别用截图瞎凑。

避坑提醒：别用手机随便拍的图转，边缘模糊的话，浏览器里会更丑。

2. 微信分享图标

必须是正方形，尺寸120x120px，png格式，不能有水印、不能是长方形（不然微信会强行拉伸变形）。

避坑提醒：别带“XX奶茶店官网”这种文字水印，微信会自动加灰色框把文字挡住，等于白弄。

三、第二步：两种方法上传图标到EyouCMS

新手优先用后台上传，怕出问题就用手动替换的备用方法：

1. 后台上传（推荐，新手零难度）

① 进EyouCMS后台：你的域名+/admin，比如www.naicha.com/admin，输入账号密码登录。

② 找设置：点左侧的【系统设置】→【站点配置】，拉到页面最底部。

③ 重点操作：找到【站点图标（favicon）】，点后面的选择文件，上传你准备好的ico；再找到【微信分享图标】，上传准备的png。

避坑提醒：别直接在输入框里复制文件名，一定要点“选择文件”从本地上传，不然后台识别不到路径，换了也白搭。

2. 手动替换（备用，后台上传失败时用）

如果后台传完还是旧图标，就手动改文件，适合会找文件夹的朋友：

① 把你的ico重命名为favicon.ico，上传到网站根目录的public文件夹里。

② 打开模板的header.html（路径在app/tpl/你的模板名目录下，不懂就搜“EyouCMS 模板header路径”），找到标签，加一行代码：

``` ```

③ 微信分享图同理，重命名为share.png传到public文件夹，找模板作者要对应的分享代码（大多模板都有现成的，改个文件名就行）。

四、第三步必做：清缓存，不然换了等于白换

90%的人会漏这步，我第一次换就踩过坑：

① 后台清缓存：在后台右上角找清缓存按钮，点一下；或者进【系统设置】→【缓存清理】，选全部清理。

② 本地清缓存：如果电脑浏览器还是显示旧图标，按Ctrl+F5强制刷新；手机端要关掉微信/浏览器后台，再重新打开你的链接。

举例子：我之前换完，朋友说还是旧图标，后来才发现他没关微信后台，关了再开，一下就显示新图了。

就这么四步，没有复杂操作，今晚吃外卖的时间就能搞定。核心就三个：备好两种合规的图、后台传对文件、最后清缓存。别等别人说“你网站怎么这么没质感”才想起换，现在就动手，下次分享链接，别人一眼就能认出你的站点，简单又实用。