Theme Joe3主题修改图标思路

修改本主题的思路分享，感觉名字旁边的小图标挺不错的，然后就想修改一下

发现替换文件什么的太麻烦了，决定使用JavaScript动态替换src属性

控制台中输入以下JavaScript代码来查找特定类的<img>标签并更改其src属性

var imgElements = document.querySelectorAll('.level'); // 获取所有具有类名为'level'的img元素
for (var i = 0; i < imgElements.length; i++) {
    imgElements[i].src = 'http://图片路径.gif'; // 替换为新的图片URL
}

确定可以之后，再编写js脚本

    <script>
        console.log('Script loaded');

        document.addEventListener('DOMContentLoaded', function() {
            console.log('DOM fully loaded and parsed');

            var imgElements = document.querySelectorAll('.level');
            for (var i = 0; i < imgElements.length; i++) {
                imgElements[i].src = 'http://图片路径.gif';
            }
        });
    </script>

然后在后台-设置-代码注入-全局head标签中添加这段代码即可

或者是使用外部JavaScript文件

<!-- 引入外部JavaScript文件 -->
<script src="http://JS路径/js/scripts.js"></script>

console.log('Script loaded');

document.addEventListener('DOMContentLoaded', function() {
    console.log('DOM fully loaded and parsed');

    var imgElements = document.querySelectorAll('.level');
    for (var i = 0; i < imgElements.length; i++) {
        imgElements[i].src = 'http://图片路径.gif';
    }
});

部分图标分享在我的动态中可以去看看