### [分享我网站的大型底部代码](https://guaqi.com/es/topic/68798)

**Published:** 2026-02-11T21:07:29

**Author:** BBer

**Excerpt:** 图示 使用说明：主要是替换代码内的图片地址 1、搜索 logo.svg，修改左下方logo图片 2、搜索 彩色条纹分隔条 ，修改顶部的滚动彩色条 3、搜索 /dibu/ 修改对应的每个背景云朵图片等 4、剩余的就是对应修改文字、社交按钮等地址 如果看代码头大，把里面的图片地址改好了，交给AI帮你实时预览修改，豆包都可以改，预览里不显示图片可能因为你网站有防盗链等问题。 为了防止有些人不知道里面的图标从哪来的，请查看第一行的font-awesome引用，图标就是从这里来的，原理问豆包，你也可以换成阿里ico的图标 其

![分享我网站的大型底部代码](http://7b2.com/wp-content/themes/b2/Assets/fontend/images/default-img.jpg "大型底部-1120303f29-1")

图示

使用说明：主要是替换代码内的图片地址

1、搜索 logo.svg，修改左下方logo图片

2、搜索 彩色条纹分隔条 ，修改顶部的滚动彩色条

3、搜索 /dibu/ 修改对应的每个背景云朵图片等

4、剩余的就是对应修改文字、社交按钮等地址

如果看代码头大，把里面的图片地址改好了，交给AI帮你实时预览修改，豆包都可以改，预览里不显示图片可能因为你网站有防盗链等问题。

为了防止有些人不知道里面的图标从哪来的，请查看第一行的font-awesome引用，图标就是从这里来的，原理问豆包，你也可以换成阿里ico的图标

其他的看着改就行了，基本没啥问题，有问题留言。

由于瓜奇底部自带h-20的样式，固定了高度，所以我在样式里将h-20的高度设置为inherit，如果有问题自己看着改改

这种修改地方多的写教程实在头大，但是基本没什么大问题，小样式自己修修。

相关代码和图片文件都在压缩包内

改完了图片/文字/链接等地址，将全部代码丢到构建器的-底部-的HTML框里，发布即可。



---