博客园主题微调

页面定制CSS代码

body {
  /*为网页添加背景*/
  background-image: url(https://images.cnblogs.com/cnblogs_com/blogs/781958/galleries/2271310/o_230206155531_Iphone%20X463.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
#home {
  /*使主体部分透明*/
  opacity: 0.8;
}
#top_nav{ 
  /*隐藏博客园导航栏*/
  display:none; 
}
#blogTitle h1 {
  /*修改页首字体大小和位置*/
  font-size: 36px;
  margin-top: 10px;
}
#navList a {
  /*修改导航栏内边距*/
  padding-top: 13px;
}
#navigator {
  /*修改导航栏字体大小*/
  font-size: 17px;
  margin-top: 48px;
}
.blogStats {
  /*隐藏统计信息*/
  display: none;
  overflow: hidden;
}
#homepage_top_pager>.pager{
  /*隐藏顶部翻页*/
  display: none;
  overflow: hidden;
}
.skin-simplememory #main {
  /*修改主体部分位置*/
  padding: 0px !important;
}
.c_b_p_desc {
  /*修改文章摘要字体大小*/
  font-size: 13px;
}
.postDesc {
  /*修改文章摘要位置*/
  background: none;
  padding-left: 5px;
  margin-top: 0px;
}
.c_b_p_desc_readmore {
  /*修改阅读更多字体颜色*/
  color: #21759b !important;
}
.postTitl2 {
  /*修改当前标签文章位置*/
  padding-top: 0px;
}
#topics .postTitle {
  /*修改文章标题字体大小*/
  font-size: 240%;
}
.author_profile_info {
  /*修改作者头像位置*/
  margin-top: 15px;
  margin-bottom: 10px;
}
#green_channel{
  /*隐藏分享框*/
  display: none;
}
#div_digg{
  /*隐藏推荐反对*/
  display: none;
}
.under-post-card{
  /*隐藏广告和推荐*/
  display: none;
  overflow: hidden;
}
#cnblogs_ch {
  /*隐藏广告*/
  display: none;
  overflow: hidden;
}
#topics .postDesc {
  /*修改文章信息位置*/
  margin-top: 16px;
}
.entrylistItem {
  /*修改分类中查看文章的位置*/
  margin-bottom: 30px;
  padding-bottom: 0px;
}
#nav_next_page>a{
  /*修改阅读下一页字体颜色*/
  color: #3671a5;
}
.skin-simplememory #sideBarMain {
  /*修改侧边栏位置*/
  padding: 0px !important;
}
#sideBar h3 {
  /*修改侧边栏字体大小*/
  font-size: 16px;
}
#btnZzk {
  /*隐藏搜索标志*/
  display: none;
  overflow: hidden;
}
#footer {
  /*修改页脚位置*/
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 24px;
}
@media screen and (max-width: 768px){
  .skin-simplememory{
    /*显示四周背景*/
    padding: 20px 15px 0px 15px;
  }
  #blogTitle h1 {
    /*修改页首字体大小*/
    font-size: 32px;
  }
  #home {
    /* 显示完整搜索栏 */
    padding: 24px;
  }
  #navigator {
    /*修改导航栏字体大小*/
    font-size: 15px;
    margin-top: 48px;
  }
  #navList a {
    /*修改导航栏内边距*/
    padding-top: 15px;
  }
  #sidebar_search_box input[type=text] {
    width: 235px  !important;
  }
}

页首HTML代码

<!-- 自定义导航栏 -->
<script>
    (function(jQuery) {
    
    var arr = [], slice = arr.slice;
    
    var methods = {
        init: function() {
        },
        addNav: function(index, name, url) {
            var $nav = $(this), $items = $nav.children(),
                $item = $('<li><a class="menu" href="' + url + '">' + name + '</a></li>');
            if (index < $items.length) {
                $items.eq(index).before($item);
            } else {
                $nav.append($item);
            }
            return this;
        },
        removeNav: function(index) {
            var $nav = $(this);
            $nav.children(':eq(' + index + ')').remove();
            return this;
        }
    };
    
    $.fn.cnblogsNav = function(method) {
        if (methods[method]) {
            return methods[method].apply(this, slice.call(arguments, 1));
        } else if (typeof method === 'object' || !method) {
            return methods.init.apply(this, arguments);
        } else {
            $.error( 'Method ' +  method + ' does not exist on jQuery.cnblogsNav' );
        }
    };
})(jQuery);
    $(function() {
        var $navList = $('#navList');
        $navList.cnblogsNav('addNav', 11, '标签', '//www.cnblogs.com/cheung10k/tag/');
    });
</script>
<!-- 手机端自适应 -->
<script>
    var content = 'width=device-width, initial-scale=1 user-scalable=no';
    var viewport = document.createElement('meta');
    viewport.setAttribute('name', 'viewport');
    viewport.setAttribute('content', content);
    document.head.appendChild( viewport );
</script>
<!-- 粒子效果 -->
<script src="https://files.cnblogs.com/files/blogs/781958/mouse-click.js?t=1675779046"></script>
<canvas width="1777" height="841" style="position: fixed; left: 0px; top: 0px; z-index: 2147483647; pointer-events: none;"></canvas>

 页脚HTML代码

<script type="text/javascript" language="javascript">
　　//设置博客园标签图标
　　var linkObject = document.createElement('link');
　　linkObject.rel = "shortcut icon";
    //修改此处href
　　linkObject.href = "https://blog-static.cnblogs.com/files/blogs/781958/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20230110104940.ico?t=1675565753";
　　document.getElementsByTagName("head")[0].appendChild(linkObject);
</script>