博客园美化

博客园后台

在这里，可以管理很多自己的博客设置
可以自定义样式，博客展示区块，文件上传系统等等

博客园美化

目前这套样式记录：

选择
需要原版样式
申请编辑博客园

页面定制 CSS 代码

/**---------- 原有样式修改 --------*/
#sideBar {
  position: absolute;
}
#mainContent {
   100%;
  box-shadow: 0 0 0;
  border-radius: 0px;
  opacity: 0;
  transition: 0.5s;
  margin-top: 40px;
}
#main {
   50%;
  background-color: white;
  /*max- 700px;*/
}
@media screen and (max- 1000px) {
  #main {
     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- 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;
border-bottom: 1px solid #2175bc;
}
#author_profile_follow {
  display: none;
}

/** 自定义样式 */
/* 加载条 */
#myProgressBar {
   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;

   100%;
  height: 2px;
}
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
   100px;
  height: 100%;
  box-shadow: 0 0 10px #eb5055, 0 0 5px #eb5055;
  opacity: 1;

  -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 {
   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 {
   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, 0.1);
}
#mynavbar_menu {
  display: inline-block;
   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;
   100%;
  height: 300px;
}
#myheader_bg {
   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;
   100%;
  height: 300px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
#mypost_title {
  position: relative;
  top: 105pt;
  margin: 0 auto;
  padding: 30px 25px 20px;
  max- 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;
  z-index: 999;
  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;
   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- 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: 12px !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: 1;
}
.cnblogs-markdown h2 {
  font-weight: 500;
  margin: 20px 0;
}
.cnblogs-markdown h2:before {
  content: "##";
  color: #eb5055;
  position: relative;
  top: 0;
  left: -26px;
}
#cnblogs_post_body h2 {
  background: gainsboro;
  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;
   100%;
  padding: 6px 0 6px 25px;
}
blockquote {
  border: 0;
}
/* code加上行数 */
.cnblogs-markdown .syntaxhighlighter table td.code {
   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 {
   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, 0.1);
  margin-top: 40px;
  transition: 0.3s;
}
.day:hover {
  box-shadow: 0 1px 2px rgba(0, 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;
   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;
   auto;
}
.comment_btn:hover {
  border: 1px solid #eb5055;
  background-color: white;
  color: #eb5055;
  transition-duration: 0.4s;
}
.feedback_area_title {
  display: none;
}
.commentbox_main {
  margin-top: 20px;
}
#sidebar_topdiggedposts,
#sidebar_topcommentedposts,
#sidebar_topviewedposts,
#sidebar_recentcomments,
#sidebar_scorerank,
#sidebar_shortcut,
#blog-calendar,
#widget_my_google {
  display: none !important;
}

#sidebar_categories {
}

页首 HTML 代码

	<div id="myProgressBar" style="display: none;"></div>
	<div id="mynavbar" style="margin-top: 0px;">
		<div style="position:relative;65pc;height:70px;margin:0 auto;">
			<a style=" auto;height: 22px;margin-left: 25px;" class="c-c" href="https://www.cnblogs.com/ycyc123/">
				<img id="nv-icon" style=" auto;height: 22px;outline: 0;margin-top: 25px;">
			</a>
			<div id="mynavbar_menu">
				<a href="https://www.cnblogs.com/ycyc123/" class="c-c">首页</a>
				<a href="https://msg.cnblogs.com/send/ycyc123" class="c-c">联系</a>
				<a id="myGayhubUrl" href="https://github.com/" 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> 
				<a id="aboutMe" href="https://i.cnblogs.com/posts/edit">添加博客</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>

页脚 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>

<!-- 遮罩层（用于图片点击放大），
    代码来自https://www.cnblogs.com/zhanxiaoyun/p/8259451.html-->
<div id="outerdiv" style="text-align: center;position: fixed;z-index: 1000;top: 0;left: 0;
     100%;height: 100%;background-color: rgba(255,255,255,.9);display: none;">
  <img id="bigimg" style="height: auto; auto;border: 0; 
        margin: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;">
</div>
<!-- ............自定义尾部代码结束............ -->


<script type="text/javascript" src="https://blog-static.cnblogs.com/files/ycyc123/%E5%8D%9A%E5%AE%A2%E5%9B%AD.js"></script>
<script type="text/javascript">

  //博主名称 可不改，默认取博客园提供的
  var nickName = null;
  //slogan
  var slogan = '立德立言，无闻西东';
  //icon
  var icon = "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fattachments.gfan.com%2Fforum%2Fattachments2%2F201301%2F29%2F125313339n39z82ydzc32y.jpg&refer=http%3A%2F%2Fattachments.gfan.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1613872229&t=39d4079aa1f8e5e2a6b55de83677f405";
  //默认博客背景图片
  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/ycyc123";
  //关于地址
  var aboutMe = "https://www.cnblogs.com/ycyc123";
  //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("ycyc123", 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)");
    }
  })

  //图片点击放大
  $("img").mouseover(function () {
    $(this).css("cursor", "pointer");
  });
  $("img").click(function () {
    var _this = $(this);//将当前的pimg元素作为_this传入函数    
    var src = _this.attr("src");//获取当前点击的pimg元素中的src属性    
    $('#outerdiv').attr('display', 'block');
    $("#bigimg").attr("src", src);//设置#bigimg元素的src属性    
    $("#outerdiv").fadeIn("fast");
  });
  $("#outerdiv").click(function () {//再次点击淡出消失弹出层    
    $(this).fadeOut("fast");
  });

</script>

<script type="text/javascript">
  var setMyBlog = {
    setCopyright: function () {
      //设置版权信息，转载出处自动根据页面url生成
      var info_str = '<p>作者：<a target="_blank">@gzdaijie</a><br>' +
        '本文为作者原创，转载请注明出处：<a class="uri"></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>