博客园皮肤主题silence优化

博客园的个人主页使用silence的皮肤，这是该皮肤的官网，这里记录一些优化过程

一. 二级菜单样式修改

二级菜单的样式感觉很别扭，如下图的原样式，这里进行了一些更改。

修改内容
也可以之间按自己的想法进行修改，通过浏览器的调试，选中二级菜单，就会出现其html和css的代码，修改css的代码就可以得到即使得到想要的二级菜单了，我是这样改的

1. 在css样式中查找#navList .esa-sub-navs选择第一个，将其中的left: calc(50%-50px)，改成left: calc(50%-65px)
   

2. 查找#navList .esa-sub-navs ul li,选择第一个，添加以下样式border-bottom: 1px solid var(--border-color);line-height: 28px;
   

3. 再查找#navList .esa-sub-navs ul,将其padding的值改成0
   

二. 添加预加载动画

不太喜欢默认的预加载动画，这里自己改了预加载动画，首先先在页首HTML中注释掉默认的加载动画HTML

然后添加自己的预加载动画的HTML代码和js脚本

    

        

        

        

        

        

        

        加载中...
    

最后引入CSS样式表，源码我已经放在博客的文件中。需要的可自己下载，然后修改，保存到自己的文件中