博客园自定义主题分享-简洁、漂亮

主题说明

主题介绍

本博客基于GShang博客园主题进行修改，在此表示衷心的感谢！

GShang

主题安装

GShang博客园主题高级版本适配教程详解

博客地址

wybing的博客园

主题预览

顶部导航栏

轮播图

公告栏与轮播图

侧边栏

首页随笔

作者信息

发表评论

评论列表

持续开发

学习软件开发两年多以来，大部分课程是后端相关知识，接下来的日子，我会努力学习前端知识，更好的开发主题。

更新记录

2019-11-15
1.新增控制台彩蛋
2.根据时间自动切换主题，白（6-18时），黑（其余时间）
3.优化细节、文件加载
2020-07-09
1.弃用根据时间判断自动切换主题
2.优化侧边栏
3.修复评论框显示错位
4.修复侧边导航栏有时无法加载内容
5.修改切换主题逻辑
6.删除音乐、每日一言、随机诗句等等功能

代码下载：
https://wybing.lanzous.com/iYI69egfn5i

此版本可能会出现导航目录有时候加载不出来，原因是浏览器未加载Jquery.js就执行了自定义JS文件（wybing.js），调用stickUp()方法时，找不到该方法。
解决方式：把下面的setTimeout方法延迟时间由20改为2000（即2秒）,也可适当延长时间或减少时间
必须先确保setPostSideBar();方法前引入自定义的JS文件

function setPostSideBar() {

	setTimeout(function () {
		loadScroller();
	}, 2000);
}

2020-07-17
1.侧边栏改为站点预览和文章目录
2.代码优化
2020-07-29
1.未很好适配移动端，手机打开惨不忍睹。最近一直忙，没空整这个
2021-01-04
1.移动端Markdown编辑的文章目录将不显示
2.js版本文件更新为wybing.2019.11.15.6.js
3.右侧侧边栏文章目录不随页面滑动而选择相应标题，文章目录不固定顶部
剩下一个js错误没法修复，但不影响功能。

找到原因了，出错代码：

var JSON, getMarkdownEditor, initCommentEditor, currentDelElement, currentCommentID, insertUBB, tagOrderer, initTagsManager, buildVoteNode;
$(function() {
   $.ajax({
       type: "get",
       url: "https://account.cnblogs.com/user/userinfo",
       xhrFields: {
           withCredentials: !0
       },
       success: function(n) {
           if (n) {
               $("#navblog-myblog-icon").attr("href", n.blogLink);
               $("#navblog-myblog-text").attr("href", n.blogLink);
               n.iconName.indexOf("/sample_face.gif") < 0 && $("#user_icon, #user_icon_mobile").attr("src", n.iconName);
               $("#user_icon, #user_icon_mobile").parent().attr("href", n.homeLink);
               n.unreadMsg === 0 ? $("#msg_count").hide() : ($("#msg_count").text(n.unreadMsg === 0 ? "" : n.unreadMsg),
               $("#msg_count").show());
               $(".navbar-anonymous").hide();
               $(".navbar-user-info").show();
               return
           }
           $(".navbar-user-info").hide();
           $(".navbar-anonymous").show()
       },
       error: function() {
           $(".navbar-anonymous").show();
           $(".navbar-user-info").hide()
       }
   })
}),

别人博客请求的接口 https://account.cnblogs.com/user/userinfo 返回的是application/json; charset=utf-8，而我博客返回的是text/html; charset=utf-8, 显然只有返回Json格式才能解析出来。

别人的博客是这样的：