首先你需要获取萌国的LOGO,可以在这里拿到萌国的LOGO
也可以通过这里拿到完整的LOGO压缩包
打开你的网站源码,找到你添加备案信息的那一段
<!-- more -->
<p>Copyright © 2024 zhi_cheng233 all right reserved</p>
<p><a href="https://icp.gov.moe/?keyword=20241208" target="_blank ">萌ICP备20241208号</a></p>
<!-- more -->
在<a>标签前面插入<img>标签 并通过style对LOGO大小以及位置进行微调
如:
<img style = "width:20px;height:20px;margin-bottom:-4px" src="https://moe.one/view/img/ico64.png"/>
<!--width和height分别调整图片的大小 margin-bottom调整图片在Y轴的偏移-->
<!--需要自己慢慢调整一个合适的值-->
修改完整的代码应该是:
<!-- more -->
<p>Copyright © 2024 zhi_cheng233 all right reserved</p>
<p>
<img style="width:20px;height:20px;margin-bottom:-4px"src = "https://moe.one/view/img/ico64.png"/>
<a href="https://icp.gov.moe/?keyword=20241208" target="_blank ">萌ICP备20241208号</a>
</p>
<!--more-->>
<!--这里为了美观添加了换行以及缩进实际上可以合成俩行-->
如果想要Logo也有超链接的效果这需要进行重构 用带url的<a>标签把<img>标签和萌ICP备20241208号包裹起来
如:
<!-- more -->
<p>Copyright © 2024 zhi_cheng233 all right reserved</p>
<p>
<a href="https://icp.gov.moe/?keyword=20241208" target="_blank ">
<img style="width:20px;height:20px;margin-bottom:-4px" src="https://moe.one/view/img/ico64.png"/>萌ICP备20241208号
</a>
</p>
<!-- more -->
最后附上效果图:
不用谢志成喵
贴贴~