知乎文章/回答如何自定义链接卡片中的LOGO图标？

知乎插入链接可以转为卡片样式，卡片支持展示网页标题和LOGO，但是很多用户展示的LOGO可能不是自己想要的，那么如何自定义LOGO呢？本教程讲解知乎文章/回答如何自定义链接卡片中的LOGO图标？

如何制作可修改LOGO的卡片链接

制作卡片教程参考：【最新教程】知乎文章和评论如何插入可编辑LOGO和描述的图文卡片？，使用三分工具制作分享卡片的好处：

• 1、提升品牌效应；
• 2、展示链接内容，让客户点得放心；
• 3、增加链接安全度，提升转化率；

知乎文章LOGO抓取原理

在知乎中添加一些链接的时候，切换为卡片时，知乎会自动去链接中的 body 中寻找第一张抓到的图片，不管该图片是显示还是没有显示，作为该链接的图标。

效果如下： 

图标位于小狐工具箱网页中body下第一个"img"标签调用的图片。  

所以，实现链接自定义图标

我们可以自定义这个图片：根据它抓取的是页面body中的第一张 "img" 的规则来实现。

打开你的网站页面，在页面body中最前面的位置添加一个img标签并指向你想显示的图片，添加style=”display:none” 来取消它在页面中的显示，但不影响知乎抓取这个图片

例："img scr='images/logo.png' style='display:none' alt='知乎链接图标'"

将修改后的页面布署到你的服务器中,这样知乎就能调用images目录下的logo.png这张图片了，但网页中的这个位置却不会显示在张图片。