老色博客之家

cnBlogs 博客园:BlueSky样式美化

admin 2022年01月28日 Blog主题 364 0

cnBlogs样式

修改前:

修改后:

美化样式

1. 首先你得有个博客

2. 打开 博客后台管理

3. 申请js权限

4. 在博客皮肤选项卡中将博客皮肤设置为: BlueSky

5. 将 页面定制.css 复制到 页面定制CSS代码 代码框内

/**---------- 原有样式修改 --------*/    
#sideBar{    
display: none;    
}    
#mainContent{    
width: 100%;    
box-shadow: 0 0 0;    
border-radius: 0px;    
opacity: 0;    
transition:0.5s;    
margin-top:40px;    
}    
#main{    
width: 50%;    
background-color: white;    
/*max-width: 700px;*/    
}    
@media screen and (max-width: 1000px) {    
#main {width: 100%;}    
}    
body{    
background-image: none;    
background-color: white;    
font-family: Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace !important;    
line-height: 1.8;    
}    
#cnblogs_post_body{    
font-size: 16px;    
}    
#green_channel{    
display: none;    
}    
#post_next_prev{    
display: none;    
}    
.forFlow img{    
margin-top: 0;    
}    
#cnblogs_post_body img {    
max-width: 100%;    
}    
/** 去除广告 */    
#cb_post_title_url{    
display: none;    
}    
#cnblogs_c1{    
display: none;    
}    
#cnblogs_c2{    
display: none;    
}    
#ad_t2{    
display: none;    
}    
#kb_block{    
display:none    
}    
#under_post_news{    
display:none    
}    
#header{    
display:none    
}    
#BlogPostCategory{    
display: none;    
}    
#comment_nav{    
display: none;    
}    
.postDesc{    
border-bottom:none;    
}    
#author_profile_follow{    
display: none;    
}    
/** 自定义样式 */    
/* 加载条 */    
#myProgressBar{    
width: 15%;    
height: 2px;    
background-color: #eb5055;    
position: fixed;    
top: 0;    
left: 0;    
z-index: 999;    
}    
#nprogress {    
pointer-events: none;    
}    
#nprogress .bar {    
background: #eb5055;    
position: fixed;    
z-index: 1031;    
top: 0;    
left: 0;    
width: 100%;    
height: 2px;    
}    
#nprogress .peg {    
display: block;    
position: absolute;    
right: 0px;    
width: 100px;    
height: 100%;    
box-shadow: 0 0 10px #eb5055, 0 0 5px #eb5055;    
opacity: 1.0;    
-webkit-transform: rotate(3deg) translate(0px, -4px);    
-ms-transform: rotate(3deg) translate(0px, -4px);    
transform: rotate(3deg) translate(0px, -4px);    
}    
#nprogress .spinner {    
display: block;    
position: fixed;    
z-index: 1031;    
top: 15px;    
right: 15px;    
}    
#nprogress .spinner-icon {    
width: 18px;    
height: 18px;    
box-sizing: border-box;    
border: solid 2px transparent;    
border-top-color: #eb5055;    
border-left-color: #eb5055;    
border-radius: 50%;    
-webkit-animation: nprogress-spinner 400ms linear infinite;    
animation: nprogress-spinner 400ms linear infinite;    
}    
.nprogress-custom-parent {    
overflow: hidden;    
position: relative;    
}    
.nprogress-custom-parent #nprogress .spinner,    
.nprogress-custom-parent #nprogress .bar {    
position: absolute;    
}    
@-webkit-keyframes nprogress-spinner {    
0%   { -webkit-transform: rotate(0deg); }    
100% { -webkit-transform: rotate(360deg); }    
}    
@keyframes nprogress-spinner {    
0%   { transform: rotate(0deg); }    
100% { transform: rotate(360deg); }    
}    
/** 导航栏 */    
#mynavbar{    
width: 100%;    
height: 70px;    
position: fixed;    
display: block;    
top: 0px;    
z-index: 100;    
background-color: white;    
transition:0.5s ease-in-out;    
box-shadow: 0 1px 5px rgba(0,0,0,.1);    
}    
#mynavbar_menu{    
display: inline-block;    
width: auto;    
position: relative;    
float: right;    
text-align: right;    
line-height: 68px;    
}    
#mynavbar_menu a{    
padding: 0 15px;    
font-size: 14px;    
outline: 0;    
color: #313131;    
text-decoration: none;    
}    
#mynavbar_menu a:hover{    
color: #eb5055 !important;    
}    
/** 头部 */    
#myheader{    
background-color: #2175bc!important;    
margin-top:70px;    
position: relative;    
width: 100%;    
height: 300px;    
}    
#myheader_bg{    
width:100%;    
height:300px;    
background-position: center;    
background-size: cover;    
-webkit-filter: blur(3px);    
-moz-filter: blur(3px);    
filter: blur(3px);    
position: absolute;    
}    
#myheader_cover{    
position: relative;    
margin-top: 70px;    
width: 100%;    
height: 300px;    
background-color: rgba(0,0,0,.5);    
box-shadow: 0 1px 5px rgba(0,0,0,.3);    
}    
#mypost_title{    
position: relative;    
top: 105pt;    
margin: 0 auto;    
padding: 30px 25px 20px;    
max-width: 700px;    
color: white;    
transition:0.5s;    
opacity: 0;    
}    
#mypost_title_e{    
margin: 0;    
padding: 5px 0 15px;    
}    
#mypost_title_e a{    
border: 1px solid #6fa3ef;    
border-radius: 15px;    
background: #6fa3ef;    
color: #fff;display: inline-block;    
margin: 4px 8px 0 0;    
padding: 0 15px;    
letter-spacing: 0;    
font-weight: 600;    
font-size: 13px;outline: 0;text-decoration: none;    
transition: 0.5s;    
}    
#mypost_title_e a:before{    
content: "# "    
}    
#mypost_title_e a:hover{    
background-color: white;    
border: 1px solid white;    
color:black;    
}    
#mypost_title_f a{    
color: white;    
}    
#mypost_title_f a:hover{    
text-decoration:none;    
}    
/** 右侧导航 */    
#right_meun{    
position: fixed;    
top: 100px;    
left: 74%;    
display: none;    
text-align: left;    
border-left: 1px solid #ddd;    
font-size: 12px;    
}    
#right_meun li{    
list-style: none!important;    
}    
#right_meun a{    
display: inline-table;    
margin-left: 5px;    
white-space: nowrap;    
text-decoration: none;    
color: #313131;    
outline: 0;    
}    
#right_meun a:hover{    
color: #eb5055;    
}    
#right_meun>li::before {    
position: relative;    
top: 0;    
left: -4px;    
display: inline-block;    
width: 7px;    
height: 7px;    
content: '';    
border-radius: 50%;    
background-color: #eb5055;    
}    
/* 底部导航 */    
#post-bottom-bar{    
position: fixed;    
right: 0;    
bottom: 0;    
left: 0;    
z-index: 2;    
height: 3pc;    
border-top: 1px solid #e0e0e0;    
background-color: #fff;    
margin: 0;    
padding: 0;    
transition: 0.5s ease-in-out;    
}    
#post-bottom-bar a{    
text-decoration: none!important;    
}    
.post-bottom-bar .bottom-bar-inner{    
margin: 0 auto;    
padding: 0 10px;    
max-width: 900px;    
}    
.bottom-bar-items{    
margin: 0 0 0 10px;    
color: #313131;    
font-size: 14px !important;    
line-height: 3pc;float: left;    
}    
.post-bottom-bar{    
margin: 0 0 0 10px;    
color: #313131;    
font-size: 14px;    
line-height: 3pc;    
}    
.post-bottom-bar .social-share .bottom-bar-item {    
padding: 4px;    
}    
.post-bottom-bar .bottom-bar-item.bottom-bar-facebook a {    
background-color: #4267b2;    
color: #fff;    
}    
.post-bottom-bar .social-share .bottom-bar-item a {    
padding: 2px 10px;    
border-radius: 15px;    
}    
.post-bottom-bar .bottom-bar-item a {    
margin: 0;    
padding: 9pt;    
border: 0;    
background: 0 0;    
color: #313131;    
font-size: 14px;    
line-height: 3pc;    
cursor: pointer;    
}    
.post-bottom-bar .bottom-bar-item.bottom-bar-twitter a {    
background-color: #1b95e0;    
color: #fff;    
}    
.post-bottom-bar .bottom-bar-item.bottom-bar-qrcode a {    
background-color: #5f5f5f;    
color: #fff;    
}    
.bottom-bar-item a:hover{    
color: #eb5055;    
}    
/** MarkDown样式调整 */    
.cnblogs-markdown .hljs{    
font-size: 16px!important;    
line-height: 2!important;    
padding: 15px!important;    
}    
.cnblogs-markdown code{    
background:rgb(238,240,244) none !important;    
border:0px !important;    
color: rgb(73,59,92) !important;    
font-size: 16px!important;    
tab-size: 4;    
}    
.cnblogs-markdown h2{    
font-weight: 500;    
margin: 20px 0;    
}    
.cnblogs-markdown h2:before{    
content: "#";    
color: #eb5055;    
position: relative;    
top: 0;    
left: -12px;    
}    
#cnblogs_post_body h2{    
font-weight: 500;    
margin: 20px 0;    
}    
#cnblogs_post_body h3{    
font-size: 16px;    
font-weight: bold;    
line-height: 1.5;    
margin: 10px 0;    
}    
.cnblogs-markdown h3:before{    
content: "##";    
color: #2175bc;    
position: relative;    
top: 0;    
left: -8px;    
}    
.postBody blockquote, .postCon blockquote{    
background-image: none;    
border-left: 5px solid #DDDFE4;    
background-color: #EEF0F4;    
width: 100%;    
padding: 6px 0 6px 25px;    
}    
blockquote{    
border:0;    
}    
/* code加上行数 */    
.cnblogs-markdown .syntaxhighlighter table td.code {    
width:95% !important;    
}    
.cnblogs-markdown .syntaxhighlighter code {    
font-family: "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace!important;    
padding: 0 !important;    
border-radius: 0 !important;    
background-color: transparent !important;    
}    
.cnblogs-markdown .syntaxhighlighter code:before,    
.cnblogs-markdown .syntaxhighlighter code:before {    
letter-spacing: -0.5em;    
}    
.cnblogs-markdown em{    
font-style:italic    
}    
/** 更改浏览器滚动条和选中字体背景颜色 */    
::selection {    
background-color: #eb5055;    
color: #fff;    
}    
::-webkit-scrollbar {    
width: 6px;    
height: 6px;    
}    
::-webkit-scrollbar-thumb {    
min-height: 28px;    
background-color: #c2c2c2;    
background-clip: padding-box;    
}    
::-webkit-scrollbar-track-piece {    
background-color: #fff;    
}    
*, :after, :before {    
box-sizing: border-box;    
}    
/** 首页文章条显示优化 */    
.day{    
border-radius: 10px;    
box-shadow: 0 0 20px 2px rgba(0,0,0,.1);    
margin-top: 40px;    
transition: 0.3s;    
}    
.day:hover{    
box-shadow: 0 1px 2px rgba(0,0,0,.1);    
}    
.dayTitle {    
display: none;    
}    
/** 优化评论区样式 */    
.feedbackItem{    
background-color: ghostwhite;    
border-radius: 10px;    
padding: 20px;    
margin-top: 20px;    
border: 0px;    
}    
.comment_textarea{    
padding: 15px;    
border-radius: 10px;    
outline: 0;    
resize: none;    
overflow: hidden;    
width: 100%;    
}    
.comment_btn {    
border: 1px solid #f7f7f7;    
border-radius: 30px;    
background-color: #f7f7f7;    
font-size: 13px;    
cursor: pointer;    
height: 32px;    
padding: 0 20px;    
position: absolute;    
right:6%;    
bottom: 38px;    
width: auto;    
}    
.comment_btn:hover {    
border: 1px solid #eb5055;    
background-color: white;    
color: #eb5055;    
transition-duration: .4s;    
}    
.feedback_area_title{    
display: none;    
}    
.commentbox_main{    
margin-top: 20px;    
}

   6. 将 页首.html 复制到 页首Html代码 代码框内

<!-- ............自定义首部代码开始............ -->    
<!-- 自定义进度条 -->    
<div id="myProgressBar" style="display: none;"></div>    
<!-- 自定义导航条 -->    
<div id="mynavbar" style="margin-top: 0px;">    
<div style="position:relative;width:65pc;height:70px;margin:0 auto;">    
<a style="width: auto;height: 22px;margin-left: 25px;" class="c-c"  href="https://www.cnblogs.com/summertime-wu">    
<img id="nv-icon" style="width: auto;height: 22px;outline: 0;margin-top: 25px;">    
</a>    
<div id="mynavbar_menu">    
<a href="https://www.cnblogs.com/summertime-wu" class="c-c">首页</a>    
<a href="https://msg.cnblogs.com/send/summertime-wu" class="c-c">联系</a>    
<a id="myGayhubUrl" href="https://github.com/Summertime-Wu" class="c-c">Github</a>    
<a id="friendLink" href="#">友情链接</a>    
<a href="https://www.cnblogs.com/">博客园</a>    
<a href="https://i.cnblogs.com/posts">管理</a>    
<a id="aboutMe" href="#">关于</a>    
</div>    
</div>    
</div>    
<!-- 自定义头部锚点 -->    
<a name="mtop"></a>    
<!-- 自定义头部 -->    
<div id="myheader">    
<!-- 背景图片 -->    
<div id="myheader_bg"></div>    
<!-- 遮罩层 -->    
<div id="myheader_cover" title="点我点我">    
<!-- 博客标题 -->    
<div id="mypost_title">    
<div id="mypost_title_h" style="font-weight: 500;font-size: 21px;"></div>    
<div id="mypost_title_f"></div>    
<div id="mypost_title_e">    
<a href="https://www.cnblogs.com/" class="c-c" style="">暂未分类</a>    
</div>     
</div>      
</div>    
</div>    
<!-- ............自定义首部代码结束............ -->

   7. 将 页尾.html 复制到 页脚Html代码 代码框内

<!-- ............自定义尾部代码开始............ -->    
<div id="post-bottom-bar" class="post-bottom-bar" style="bottom: 0px;">    
<div class="bottom-bar-inner">    
<!-- 左边 -->    
<div class="bottom-bar-items social-share" style="float: left;">    
<span class="bottom-bar-item bottom-bar-facebook">    
<a id="bottom-d" href="javascript:void(0)" target="_blank">好文要赞</a>    
</span>    
<span class="bottom-bar-item bottom-bar-twitter">    
<a id="bottom-g" href="javascript:void(0)" target="_blank">关注我</a>    
</span>    
<span class="bottom-bar-item bottom-bar-qrcode">    
<a id="bottom-s" href="javascript:void(0)" target="_blank">收藏该文</a>    
</span>    
</div>    
<!-- 右边 -->    
<div class="bottom-bar-items right" style="float: right;">    
<span class="bottom-bar-item"><a id="mbottom-left" href="javascript:void(0);">←</a></span>    
<span class="bottom-bar-item"><a id="mbottom-right" href="javascript:void(0);">→</a></span>    
<span class="bottom-bar-item"><a href="#mfooter">↓</a></span>    
<span class="bottom-bar-item"><a href="#mtop">↑</a></span>    
</div>    
</div>     
</div>    
<a name="mfooter"></a>    
<!-- ............自定义尾部代码结束............ -->    
<script type="text/javascript" src="https://blog-static.cnblogs.com/files/summertime-wu/nprogress.js"></script>    
<script type="text/javascript">    
//博主名称 可不改,默认取博客园提供的    
var nickName = null;    
//slogan    
var slogan = '立德立言,无闻西东';    
//icon    
var icon = "https://ae01.alicdn.com/kf/H445e0280b88f4f34a848238a848a687fw.png";    
//默认博客背景图片    
var defaultPic="https://img2018.cnblogs.com/blog/1138447/201904/1138447-20190426121949417-1115592219.jpg";    
//icon(浏览器标题栏上的)    
var iconB="https://img2018.cnblogs.com/blog/1138447/201909/1138447-20190911161817172-1737762696.png";    
//友情链接地址    
var friendLink="https://www.cnblogs.com/summertime-wu/p/9350833.html";    
//关于地址    
var aboutMe="https://www.cnblogs.com/summertime-wu/p/9350808.html";    
//Github地址,假如博客username与Github username相同,不用改。    
//如 cnblogs.com/username github.com/username 这样就不用改    
var myGayhubUrl = null;    
</script>    
<script type="text/javascript">    
/**    
 用来设置初始时需要执行的js    
 */    
$(document).ready(function(){    
//获取博主名字    
if (nickName == null){    
var footerOverTestArray = $($("#footer")[0].childNodes[2]).text().trim().split(" ");    
nickName = footerOverTestArray[footerOverTestArray.length - 1];    
}    
//加载顶部进度条    
NProgress.start();    
NProgress.done();    
$("#myProgressBar").hide();    
//设置背景图片地址    
if ($("#head_bg_img").val()!=null && $("#head_bg_img").val()!="") {    
$("#myheader_bg").css("background-image","url("+$("#head_bg_img").val()+")");    
}else{    
$("#myheader_bg").css("background-image","url("+defaultPic+")");    
}    
//设置标题    
if($("#cb_post_title_url").html()){    
$("#mypost_title_h").html($("#cb_post_title_url").html());    
}else{    
$("#mypost_title_h").html(nickName);    
}    
//正文和标题淡入    
$("#mainContent").css("opacity","1");    
$("#mainContent").css("margin-top","0");    
$("#mypost_title").css("opacity","1");    
$("#mypost_title").css("top","75pt");    
/* --根据个人配置修改页面 start-- */    
//修改a链接    
var ccList = $(".c-c");    
for(var cc of ccList){    
$(cc).attr("href", $(cc).attr("href").replace("summertime-wu",currentBlogApp));    
}    
//设置Github链接    
if (myGayhubUrl != null ){$("#myGayhubUrl").attr("href",myGayhubUrl)}    
//设置友链的链接    
$("#friendLink").attr("href",friendLink);    
//设置关于的链接    
$("#aboutMe").attr("href",aboutMe);    
//设置两个iocn图标    
$("#nv-icon").attr("src",icon);    
var linkObject = document.createElement("link");    
linkObject.rel = "shortcut icon";    
linkObject.href = iconB;    
document.getElementsByTagName("head")[0].appendChild(linkObject);    
//设置底部栏按钮    
if (window.location.href == "https://www.cnblogs.com/"+currentBlogApp||     
window.location.href == "https://www.cnblogs.com/"+currentBlogApp+"/"||    
window.location.href == "http://www.cnblogs.com/"+currentBlogApp||     
window.location.href == "http://www.cnblogs.com/"+currentBlogApp+"/") {    
$("#bottom-d").html("友情链接");    
$("#bottom-d").attr("href",friendLink);    
}else{    
var url = window.location.href;    
var lastUrl = url.substring(url.lastIndexOf("/")+1);    
var mpageId = lastUrl.substring(0,lastUrl.indexOf("."));    
$("#bottom-d").click(function(){    
DiggIt(mpageId,cb_blogId,1);    
green_channel_success(this,'谢谢推荐!');    
})    
}    
/* --根据个人配置修改页面 end-- */    
})    
/**    
 设置ajax请求加载完所有数据时执行的js    
 */    
setTimeout(afterAjax,1000);    
function afterAjax(){    
//假如是首页    
if (window.location.href == "https://www.cnblogs.com/"+currentBlogApp||     
window.location.href == "https://www.cnblogs.com/"+currentBlogApp+"/"||    
window.location.href == "http://www.cnblogs.com/"+currentBlogApp||     
window.location.href == "http://www.cnblogs.com/"+currentBlogApp+"/") {    
$("#mypost_title_e").html('<a href="https://cnblogs.com/'+currentBlogApp+'">'+slogan+'</a>');    
}else{    
var classification = null;    
if ($("#BlogPostCategory").html()!=null && $("#BlogPostCategory").html()!= "") {    
classification = $("#BlogPostCategory").html();    
classification = classification.substring(3,classification.length);    
}else{    
classification = '<a href="https://cnblogs.com/'+currentBlogApp+'">暂未分类</a>';    
}    
var ftitle = 'Published on '+ $("#post-date").html() + ' in ' +  classification    
+ ' with <a href="https://cnblogs.com/'+currentBlogApp+'">' + nickName + '</a>';    
//设置副标题标题    
$("#mypost_title_f").html(ftitle);    
//设置标题分类按钮    
$("#mypost_title_e").html(classification);    
//设置底部导航条上一篇下一篇文章    
var pnp = $("#post_next_prev a");    
$("#mbottom-left").attr("href",pnp[1].href);    
if (pnp.length>2) {    
$("#mbottom-right").attr("href",pnp[3].href);    
}    
}    
$("#myheader_bg").css("filter","blur(0px)");    
//优化评论区样式    
$("#comment_form_container p:last").hide();    
$("#commentbox_opt a:last").hide();    
$("#tbCommentBody").attr('placeholder','Your comment here. Be cool. ');    
}    
/**     
 自定义的js方法    
 */    
//设置底部导航条点击关注按钮事件    
$("#bottom-g").click(function(){    
$('#green_channel_follow').click()    
return false    
})    
$("#bottom-s").click(function(){    
AddToWz(cb_entryId);    
return false;    
})    
//通过滚动条控制导航条的展现隐藏    
var oldScrollNum = 0;    
window.onscroll = function(){    
var t = document.documentElement.scrollTop || document.body.scrollTop;    
//下滑    
if (t>oldScrollNum) {    
if (t>120) {    
$("#mynavbar").css("margin-top","-70px");//顶部导航    
$("#post-bottom-bar").css("bottom","-3pc");//底部导航    
}    
if (t>300) {    
$("#right_meun").css("display","inline-block");//右侧导航    
}    
//上拉    
}else{    
//防止用a链接跳转也触发效果    
if (oldScrollNum-t<20) {    
$("#mynavbar").css("margin-top","0px");//顶部导航    
$("#post-bottom-bar").css("bottom","0");//底部导航    
}    
if (t<=300) {    
$("#right_meun").css("display","none");//右侧导航    
}    
}    
oldScrollNum = t;    
}    
//背景大图点击模糊||清晰    
$("#myheader_cover").click(function(){    
if ($("#myheader_bg").css("filter") == "blur(3px)") {    
$("#myheader_bg").css("filter","blur(0px)");    
}else{    
$("#myheader_bg").css("filter","blur(3px)");    
}    
})    
</script>    
<script type="text/javascript">      
var setMyBlog = {    
setCopyright: function() {    
//设置版权信息,转载出处自动根据页面url生成    
var info_str = '<p>作者:<a target="_blank">@gzdaijie</a><br>'+    
'本文为作者原创,转载请注明出处:<a></a></p><hr></hr>',     
info = $(info_str),    
info_a = info.find("a"),    
url = window.location.href;    
$(info_a[0]).attr("href","https://github.com/gzdaijie");    
$(info_a[1]).attr("href",url).text(url);    
$("#cnblogs_post_body").prepend(info);    
},    
setCodeRow: function(){    
// 代码行号显示    
var pre = $("pre.sourceCode"); //选中需要更改的部分    
if(pre && pre.length){    
pre.each(function() {    
var item = $(this);    
var lang = item.attr("class").split(" ")[1]; //判断高亮的语言    
item.html(item.html().replace(/<[^>]+>/g,"")); //将<pre>标签中的html标签去掉    
item.removeClass().addClass("brush: " + lang +";"); //根据语言添加笔刷    
SyntaxHighlighter.all();    
})    
}    
},    
setAtarget: function() {    
// 博客内的链接在新窗口打开    
$("#cnblogs_post_body a").each(function(){    
this.target = "_blank";    
})     
},    
setContent: function() {    
// 根据h2、h3标签自动生成目录    
var captions_ori = $("#cnblogs_post_body h2"),    
captions_ori2 = $("#cnblogs_post_body h3"),    
captions = $("#cnblogs_post_body h2,#cnblogs_post_body h3").clone(),    
content = $("<ul id='right_meun'></ul>");    
$("#cnblogs_post_body").prepend(content.append(captions));    
var index = -1,index2 = -1;    
captions.replaceWith(function(){    
var self = this;    
if(self.tagName == "H2" || self.tagName == "h2"){    
// 设置点击目录跳转    
index += 1;    
$('<a name="' + '_caption_' + index + '"></a>').insertBefore(captions_ori[index]);     
return '<li id="'+index+'li"><a href="#_caption_' + index + '">' + self.innerHTML + '</a><ul></ul></li>';    
} else {    
// add by summertime-wu 增加h3链接跳转    
index2 += 1;    
$('<a name="' + '_caption' + index2 + '"></a>').insertBefore(captions_ori2[index2]);     
$("#"+index+"li ul").append('<li><a href="#_caption' + index2 + '" style="color:#5f5f5f;">' +self.innerHTML+"</a></li>");    
return ;    
}    
});    
},    
runAll: function() {    
/* 运行所有方法    
             * setAtarget() 博客园内标签新窗口打开    
             * setContent() 设置目录    
             * setCopyright() 设置版权信息    
             * setCodeRow() 代码行号显示    
             */     
this.setAtarget();     
//假如为手机端不显示目录    
if(document.body.clientWidth>=1000){    
this.setContent();    
}    
// this.setCopyright();    
this.setCodeRow();    
}    
}    
setMyBlog.runAll();    
</script>    
<!-- 代码行号 -->    
<script src="//cdn.bootcss.com/highlightjs-line-numbers.js/1.1.0/highlightjs-line-numbers.min.js"></script>    
<script>hljs.initLineNumbersOnLoad();</script>

  8. 根据自身情况修改页尾.html中的js

<script type="text/javascript">     
//博主名称 可不改,默认取博客园提供的     
var nickName =null;     
//slogan     
var slogan = '立德立言,无闻西东';     
//icon     
var icon = "https://ae01.alicdn.com/kf/H445e0280b88f4f34a848238a848a687fw.png";     
//默认博客背景图片     
var defaultPic="https://img2018.cnblogs.com/blog/1138447/201904/1138447-20190426121949417-1115592219.jpg";     
//icon(浏览器标题栏上的)     
var iconB="https://img2018.cnblogs.com/blog/1138447/201909/1138447-20190911161817172-1737762696.png";     
//友情链接地址     
var friendLink="https://www.cnblogs.com/summertime-wu/p/9350833.html";     
//关于地址     
var aboutMe="https://www.cnblogs.com/summertime-wu/p/9350808.html"; </script>

   保存,即可食用

cnBlogs地址:

https://www.cnblogs.com/ings

https://www.cnblogs.com/summertime-wu


GitHub:

https://github.com/Summertime-Wu/make_cnblogs_better



发布评论

分享到:

老色博客之家

我的微信号:138 0000 0000 (左侧二维码扫一扫)欢迎添加!

cnBlogs 博客园:SimpleMemory美化
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。