博客园主题样式更改总结 (4)

日期：2022-11-02 栏目：程序人生浏览：次

下面都是完整的配置文件，我在自己更改过的地方，都有备注，所以请自行复制后查看修改。

页面CSS a:link { color: #6495ED; text-decoration: none } a:visited { color: #6495ED; text-decoration: none } a:hover { color: rgb(146, 122, 33); text-decoration: underline; } a:active { color: rgb(146, 122, 33); text-decoration: underline; } /*博客导航栏 */ /* #navList { float:right; } #navList li { border: none; font-size: 16px; } .blogStats { display: none; } */ /*侧边栏公告*/ /* #blog-news > img { /*头像*/ display: block; margin: auto; border-radius: 50%; } */ /* #profile_block { font-size: 15px; padding: 20px; line-height: 1.8; } #profile_block > a:link { color: #F60; } */ /*公告结束*/ #ad_t2, #likecs_c1, #under_post_news, #likecs_c2, #under_post_kb { display: none; } /* 文章title自定义带动画样式 */ .postTitle { font-family: "Lato", Helvetica Neue, Helvetica, Arial, sans-serif; clear: both; background-color: #FBF9F9; margin-bottom: 8px; padding-top: 5px; padding-bottom: 0px; margin-top: 12px; border-left: 8px solid #21759b; padding-left: 17px; font-size: 18px; border-radius:0px; } .postTitle a:hover { text-decoration: none; margin-left: 17px; color: #E00000; } .postTitle a:link, .postTitle a:visited, .postTitle a:active { transition: all 0.4s linear 0s; } /*页面大小*/ #home { margin: 0 auto; opacity: 1; /*透明度越小越透明*/ width: 68%; min-width: 980px; background-color: #fff; padding: 30px; margin-top: 50px; margin-bottom: 50px; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); border-radius: 36px; } /* body { background: rgba(12, 100, 129, 1) url('https://pic.imgdb.cn/item/61e521d52ab3f51d9107a088.jpg') fixed no-repeat;  background-position: 50% 5%; background-size: cover; } */ #blogTitle { height: 66px; /*高度*/ clear: both; background-color: rgba(0, 0, 0,0); } #blog-calendar, #sidebar_postcategory, #sidebar_postcategory, #sidebar_postarchive, #sidebar_search { /*侧边栏每一模块添加圆角和阴影*/ border-radius: 10px; box-shadow: 1px 2px 3px #A7A8AD; background-color: #fff0; } #sideBarMain h3, .newsItem h3 { /*侧边栏每个模块的标题部分*/ font-size: 1.2em; height: 36px; line-height: 36px; text-indent: 0.5em; background: url() no-repeat left center #fff; padding: 0 0 0 50px; margin-bottom: 1; border: 1px solid rgba(112, 141, 215); border-left-width: 5px; border-radius: 10px; border-right-width: 5px; } /*生成博客目录的CSS*/ #uprightsideBar{ font-size: 14px; font-family: ArialBold, Helvetica, sans-serif; text-align:left; position:fixed;/*将div的位置固定到距离top:50px，right:0px的位置，这样div就会处在最右边的位置，距离顶部50px*/ top: 30px; right:0px; width: auto; height: auto; color: rgb(29, 4, 4); } #sideBarTab{ font-size: 16px; float:left; width:30px; border:1px solid #e5e5e5; border-right:none; text-align:center; background:#fff; } #sideBarContents{ float:left; overflow:auto; overflow-x:hidden;!important; width:266px; min-height:108px; max-height:460px; border:1px solid #e5e5e5; border-right:none; background: #fff; } #sideBarContents dl{ margin:0; padding:0; } #sideBarContents dt{ margin-top:5px; margin-left:5px; } #sideBarContents dd, dt { cursor: pointer; } #sideBarContents dd:hover, dt:hover { color:#abb0f3; } #sideBarContents dd{ margin-left:10px; } #sideBarContents dd.indent3{ margin-left:20px; } #sideBarContents dd.indent4{ margin-left:30px; } #sideBarContents dd.indent5{ margin-left:40px; } #sideBarContents dd.indent6{ margin-left:50px; } .box{ position:fixed; right:10px; bottom: 10px; height:30px; width: 50px; text-align:center; padding-top:20px; background-color: lightblue; border-radius: 20%; overflow: hidden; } .box:hover:before{ top:50% } .box:hover .box-in{ visibility: hidden; } .box:before{ position: absolute; top: -50%; left: 50%; transform: translate(-50%,-50%); content:'回到顶部'; width: 40px; color:peru; font-weight:bold; } .box-in{ visibility: visible; display:inline-block; height:20px; width: 20px; border: 3px solid black; border-color: white transparent transparent white; transform:rotate(45deg); } #likecs_post_body { color: black; font: 0.875em/1.5em "微软雅黑" , "PTSans" , "Arial" ,sans-serif; font-size: 15px; } #likecs_post_body h1 { text-align:center; background: #333366; border-radius: 6px 6px 6px 6px; box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5); color: #FFFFFF; font-family: "微软雅黑" , "宋体" , "黑体" ,Arial; font-size: 23px; font-weight: bold; height: 25px; line-height: 25px; margin: 18px 0 !important; padding: 8px 0 5px 5px; text-shadow: 2px 2px 3px #222222; } #likecs_post_body h2 { text-align:center; background: #006699; border-radius: 6px 6px 6px 6px; box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5); color: #FFFFFF; font-family: "微软雅黑" , "宋体" , "黑体" ,Arial; font-size: 20px; font-weight: bold; height: 25px; line-height: 25px; margin: 18px 0 !important; padding: 8px 0 5px 5px; text-shadow: 2px 2px 3px #222222; } /* 关注收藏等几个按钮 */ #green_channel { padding: 5px 0 15px 0; margin-bottom: 10px; margin-top: 10px; border: 0; border-top: #eee 1px dashed; border-bottom: #eee 1px dashed; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(238, 238, 238); font-size: 12px; width: 100%!important; text-align: center; display: inline-block; vertical-align: middle; } a#green_channel_digg, a#green_channel_follow, a#green_channel_favorite, a#green_channel_weibo, a#green_channel_wechat { text-decoration: none; color: #fff; margin: auto; width: 80px; display: inline-block; line-height: 30px; font-size: 15px; font-weight: 500; letter-spacing: 2px; border-radius: 3px; text-transform: uppercase; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; position: relative; margin-left: 10px; background-image: none; margin-top: 10px; } a#green_channel_digg { background-color: #2daebf; box-shadow: 0 15px 18px -6px rgba(95,193,206,0.65); } a#green_channel_favorite { background-color: #ffb515; box-shadow: 0 15px 18px -6px rgba(255,198,75,0.65); margin-left: 10px; } a#green_channel_follow { background-color: #e33100!important; box-shadow: 0 15px 18px -6px rgba(227,49,0,0.65); margin-left: 10px; } a#green_channel_wechat { padding: 3px 8px!important; background-color: #3cb034!important; box-shadow: 0 15px 18px -6px rgba(60,176,52,0.65)!important; margin-left: 10px; width: 35px; } a#green_channel_weibo { padding: 3px 8px!important; background-color: #ff464b!important; box-shadow: 0 15px 18px -6px rgba(255,70,75,0.65)!important; margin-left: 10px; width: 35px; } /*下面的头像边框*/ #author_profile_info img.author_avatar { border-radius: 100%; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3), 0 1px 3px rgba(0,0,0,0.4); border: 3px solid #f7f7f7; padding: 0; margin-left: 3px; margin-right: 7px; } /* 禁用下划线 */ .postBody a:link, .postBody a:visited, .postBody a:active { text-decoration: none; } /* 上一篇下一篇 */ #post_next_prev { font-size: 14px; color: #535353; } /* 设置签名格式定制css样式 */ /* 个性签名 */ #MySignature { box-shadow: 8px 1px 10px #989898; padding: 10px; text-shadow: 1px 1px 1px #FFF; font-size: 15px; border-left: solid 5px #55895B; background: #FBF9F9; border-radius: 10px 10px 37% 10px; line-height: 2.4; margin: 37px 0; } #MySignature a { text-decoration: none; color: #4183c4; font-weight: bold; } #MySignature a:hover { text-decoration: underline; color: #f60; } #MySignature span { color: #f60; } /*推荐和反对*/ #div_digg { float: right; position: fixed; width: 50px; bottom: 10px; left: 90%; margin-bottom: 10px; background: rgba(247,247,247,0.3); margin-right: 10px; font-size: 12px; box-shadow: 0 0 10px 0 #AAA; padding: 10px; border: 2px solid rgba(82, 168, 236, 0.8); text-align: center; margin-top: 10px; } /*这里是将反对按钮做了一个隐藏，如果需要反对按钮，直接删除这块配置*/ .buryit { display: none; } 侧边栏   <div>  <span> <a href="http://www.yuyueq.cn/" target="_blank"> <img src="http://pic.cnblogs.com/avatar/2031154/20220119112707.png"></a> <br> <a href="http://gitee.com/yuyueq" target="_blank"> <img src="http://pic.downk.cc/item/5f3269d814195aa594a36563.png" width = 30 height=30> </a> <a href="http://www.yuque.com/yuyueq" target="_blank"> <img src="http://pic.imgdb.cn/item/61e51fe82ab3f51d910562ae.png" width = 30 height=30> </a> <a href="http://blog.csdn.net/Frank_dwx" target="_blank"> <img src="http://images.cnblogs.com/likecs_com/enjoy233/1389971/o_csdn.png" width = 30 height=30> </a> <a href="http://www.zhihu.com/people/ming-ke-66" target="_blank"> <img src="http://www.cnblogs.com/images/likecs_com/enjoy233/1389971/o_zhihu.png" width = 30 height=30> </a> <a href="http://images.cnblogs.com/likecs_com/yuyueq/1946705/o_220117073857_%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20220117153840.jpg" target="_blank"> <img src="http://pic.downk.cc/item/5f407ca3160a154a672a5964.png" width = 30 height=30> </a> <a href="http://images.cnblogs.com/likecs_com/yuyueq/1946705/o_220117073906_%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20220117153847.jpg" target="_blank"> <img src="http://pic.imgdb.cn/item/61e51cc62ab3f51d9101801d.png" width = 30 height=30> </a> </span> <br> </div> <br>  <div></div> <link href="http://files.cnblogs.com/files/shwee/APlayer.min_v1.10.1.css"> <script src="http://files.cnblogs.com/files/shwee/APlayer.min_v1.10.1.js"></script> <script type="text/javascript"> var ap = new APlayer({ element: document.getElementById('player'), narrow: false, autoplay: false,  showlrc: false, theme: '#FFFFFF',  listFolded: true,  fixed: false,  volume: 0.5,  mutex: true,  music: [{ title: '七里香', author: '周杰伦', url: 'https://files.cnblogs.com/files/yuyueq/%E4%B8%83%E9%87%8C%E9%A6%99.css', pic: 'https://images.cnblogs.com/likecs_com/yuyueq/1946705/o_220119013521_Snipaste_2022-01-19_09-31-35.png' }, { title: '夜曲', author: '周杰伦', url: 'https://files.cnblogs.com/files/yuyueq/%E5%A4%9C%E6%9B%B2.css', pic: 'https://images.cnblogs.com/likecs_com/yuyueq/1946705/o_220117061210_%E5%A4%9C%E6%9B%B2.png' }, { title: '花海', author: '周杰伦', url: 'https://files.cnblogs.com/files/unleashed/%E8%8A%B1%E6%B5%B7.css', pic: 'https://pic.downk.cc/item/5f3e3d0714195aa5949ad064.jpg' }, { title: '不能说的秘密', author: '周杰伦', url: 'https://files.cnblogs.com/files/unleashed/%E4%B8%8D%E8%83%BD%E8%AF%B4%E7%9A%84%E7%A7%98%E5%AF%86.css', pic: 'https://images.cnblogs.com/likecs_com/unleashed/1801489/o_200820064737t010e12e6a774215909.jpg' }, { title: '借口', author: '周杰伦', url: 'https://files.cnblogs.com/files/unleashed/%E5%80%9F%E5%8F%A3.css', pic: 'https://images.cnblogs.com/likecs_com/unleashed/1801489/o_200820064908e0c14e6d62d096386e1e70a0d5b719f7.png' }, { title: 'Panroama', author: 'X-Ray dog', url: 'https://files.cnblogs.com/files/unleashed/Panorama.css', pic: 'https://images.cnblogs.com/likecs_com/unleashed/1801489/o_2007160616417ef991ceb1481c31422c0f14287690f8.png' }, { title: 'Epic Music', author: 'John Dreamer', url: 'https://files.cnblogs.com/files/unleashed/EpicMusic.css', pic: 'https://images.cnblogs.com/likecs_com/unleashed/1801489/o_200708082237a3b8f6a8713f1cc5d26861d847989412.jpg' }, { title: 'This’sWhatYouCameFor', author: 'Chave', url: 'https://files.cnblogs.com/files/unleashed/ChaveSunflyKaraokeThisIsWhatYouCameFor.css', pic: 'https://images.cnblogs.com/likecs_com/unleashed/1801489/o_2007170147331ff2be3d5e7168150c1aff88f4186244.png' }, { title: 'Mine', author: 'SLANDER', url: 'https://files.cnblogs.com/files/unleashed/Mine1.css', pic: 'https://images.cnblogs.com/likecs_com/unleashed/1801489/o_200707143300wallhaven-83ywmo.jpg' }, { title: 'Shorts', author: 'Imagine Dragons', url: 'https://files.cnblogs.com/files/unleashed/Shorts.css', pic: 'https://images.cnblogs.com/likecs_com/unleashed/1801489/o_200716061133e9a018a8ab71975f6b9b30c2fcc62e39.png' }, { title: 'Where is your love', author: 'J.lisk', url: 'https://files.cnblogs.com/files/unleashed/Whereisyourlove.css', pic: 'https://images.cnblogs.com/likecs_com/unleashed/1801489/o_20071909221647e991c39efbb1a03ec330f28d072155.png' }, { title: '告白の夜', author: 'Ayasa', url: 'https://files.cnblogs.com/files/unleashed/Ayasa%E5%91%8A%E7%99%BD%E3%81%AE%E5%A4%9C.css', pic: 'https://images.cnblogs.com/likecs_com/unleashed/1801489/o_2007080822111587049458312.jpeg' }, { title: '年少有为', author: '李荣浩', url: 'https://files.cnblogs.com/files/unleashed/%E5%B9%B4%E5%B0%91%E6%9C%89%E4%B8%BA.css', pic: 'https://pic.downk.cc/item/5f3e3e5914195aa5949cbf4a.jpg' }, { title: '因为你，所以我', author: '五月天', url: 'https://files.cnblogs.com/files/yuyueq/%E5%9B%A0%E4%B8%BA%E4%BD%A0%E6%89%80%E4%BB%A5%E6%88%91.css', pic: 'https://images.cnblogs.com/likecs_com/yuyueq/1946705/o_220117063946_Snipaste_2022-01-17_14-23-13.png' }, { title: '楼顶上的小斑鸠', author: '队长', url: 'https://files.cnblogs.com/files/yuyueq/%E6%A5%BC%E9%A1%B6%E4%B8%8A%E7%9A%84%E5%B0%8F%E6%96%91%E9%B8%A0.css', pic: 'https://images.cnblogs.com/likecs_com/yuyueq/1946705/o_220117060058_%E6%A5%BC%E9%A1%B6%E4%B8%8A%E7%9A%84%E5%B0%8F%E6%96%91%E9%B8%A0.png' }, { title: '哪里都是你', author: '队长', url: 'https://files.cnblogs.com/files/yuyueq/%E5%93%AA%E9%87%8C%E9%83%BD%E6%98%AF%E4%BD%A0.css', pic: 'https://images.cnblogs.com/likecs_com/yuyueq/1946705/o_220117054903_%E5%93%AA%E9%87%8C%E9%83%BD%E6%98%AF%E4%BD%A0.png' }, { title: '11', author: '队长', url: 'https://files.cnblogs.com/files/yuyueq/11.css', pic: 'https://images.cnblogs.com/likecs_com/yuyueq/1946705/o_220117060454_11.png' }, { title: '一万次悲伤(Live)', author: '逃跑计划', url: 'https://files.cnblogs.com/files/unleashed/%E4%B8%80%E4%B8%87%E6%AC%A1%E6%82%B2%E4%BC%A4111.css', pic: 'https://pic.downk.cc/item/5f2587db14195aa59434c04f.jpg' }, { title: '起风了', author: '买辣椒也用券', url: 'https://files.cnblogs.com/files/yuyueq/%E8%B5%B7%E9%A3%8E%E4%BA%86.css', pic: 'https://images.cnblogs.com/likecs_com/yuyueq/1946705/o_220117064806_Snipaste_2022-01-17_14-47-44.png' }, { title: '下女的圣经', author: 'Bo Peep', url: 'https://files.cnblogs.com/files/unleashed/%E4%B8%8B%E5%A5%B3%E7%9A%84%E5%9C%A3%E7%BB%8F.css', pic: 'https://images.cnblogs.com/likecs_com/unleashed/1801489/o_200730030607t01fea4cae2ab85a945.jpg' }, ] }); ap.init(); </script> <br> 页首 <script type="text/javascript"> /* 功能：生成博客目录的JS工具测试：IE8，火狐，google测试通过一明 2020-4-19 */ var BlogDirectory = { /* 获取元素位置，距浏览器左边界的距离（left）和距浏览器上边界的距离（top） */ getElementPosition: function(ele) { var topPosition = 0; var leftPosition = 0; while (ele) { topPosition += ele.offsetTop; leftPosition += ele.offsetLeft; ele = ele.offsetParent; } return { top: topPosition, left: leftPosition }; }, /* 获取滚动条当前位置 */ getScrollBarPosition: function() { var scrollBarPosition = document.body.scrollTop || document.documentElement.scrollTop; return scrollBarPosition; }, /* 移动滚动条，finalPos 为目的位置，internal 为移动速度 */ moveScrollBar: function(finalpos, interval) { //若不支持此方法，则退出 if (!window.scrollTo) { return false; } //窗体滚动时，禁用鼠标滚轮 window.onmousewheel = function() { return false; }; //清除计时 if (document.body.movement) { clearTimeout(document.body.movement); } var currentpos = BlogDirectory.getScrollBarPosition(); //获取滚动条当前位置 var dist = 0; if (currentpos == finalpos) { //到达预定位置，则解禁鼠标滚轮，并退出 window.onmousewheel = function() { return true; } return true; } if (currentpos < finalpos) { //未到达，则计算下一步所要移动的距离 dist = Math.ceil((finalpos - currentpos) / 10); currentpos += dist; } if (currentpos > finalpos) { dist = Math.ceil((currentpos - finalpos) / 10); currentpos -= dist; } var scrTop = BlogDirectory.getScrollBarPosition(); //获取滚动条当前位置 window.scrollTo(0, currentpos); //移动窗口 if (BlogDirectory.getScrollBarPosition() == scrTop) //若已到底部，则解禁鼠标滚轮，并退出 { window.onmousewheel = function() { return true; } return true; } //进行下一步移动 var repeat = "BlogDirectory.moveScrollBar(" + finalpos + "," + interval + ")"; document.body.movement = setTimeout(repeat, interval); }, htmlDecode: function(text) { var temp = document.createElement("div"); temp.innerHTML = text; var output = temp.innerText || temp.textContent; temp = null; return output; }, /* 创建博客目录， id表示包含博文正文的 div 容器的 id， mt 和 st 分别表示主标题和次级标题的标签名称（如 H2、H3，大写或小写都可以！）， interval 表示移动的速度 */ createBlogDirectory: function(id, mt, st, interval) { //获取博文正文div容器 var elem = document.getElementById(id); if (!elem) return false; //获取div中所有元素结点 var nodes = elem.getElementsByTagName("*"); //创建博客目录的div容器 var divSideBar = document.createElement('DIV'); divSideBar.className = 'uprightsideBar'; divSideBar.setAttribute('id', 'uprightsideBar'); var divSideBarTab = document.createElement('DIV'); divSideBarTab.setAttribute('id', 'sideBarTab'); divSideBar.appendChild(divSideBarTab); var h2 = document.createElement('H2'); divSideBarTab.appendChild(h2); var txt = document.createTextNode('目录导航'); h2.appendChild(txt); var divSideBarContents = document.createElement('DIV'); divSideBarContents.style.display = 'none'; divSideBarContents.setAttribute('id', 'sideBarContents'); divSideBar.appendChild(divSideBarContents); //创建自定义列表 var dlist = document.createElement("dl"); divSideBarContents.appendChild(dlist); var num = 0; //统计找到的mt和st mt = mt.toUpperCase(); //转化成大写 st = st.toUpperCase(); //转化成大写 //遍历所有元素结点 for (var i = 0; i < nodes.length; i++) { var tits = ['H1', 'H2', 'H3', 'H4', 'H5', 'H6']; if (tits.indexOf(nodes[i].nodeName) !== -1) { // nodes[i].nodeName == mt|| nodes[i].nodeName == st //获取标题文本 var nodetext = nodes[i].innerHTML.replace(/<\/?[^>]+>/g, ""); //innerHTML里面的内容可能有HTML标签，所以用正则表达式去除HTML的标签 //nodetext = nodetext.replace(/ /ig, "");//替换掉所有的空格 nodetext = BlogDirectory.htmlDecode(nodetext); //插入锚 nodes[i].setAttribute("id", "blogTitle" + num); var item; switch (nodes[i].nodeName) { case 'H1': //若为主标题 item = document.createElement("dt"); break; case 'H3': item = document.createElement("dd"); item.setAttribute('class', 'indent3'); //通过CSS样式定义距离 break; case 'H4': item = document.createElement("dd"); item.setAttribute('class', 'indent4'); break; case 'H5': item = document.createElement("dd"); item.setAttribute('class', 'indent5'); break; case 'H6': item = document.createElement("dd"); item.setAttribute('class', 'indent6'); break; default: //若为子标题 item = document.createElement("dd"); break; } //创建锚链接 var itemtext = document.createTextNode(nodetext); item.appendChild(itemtext); item.setAttribute("name", num); item.onclick = function() { //添加鼠标点击触发函数 var pos = BlogDirectory.getElementPosition(document.getElementById("blogTitle" + this.getAttribute("name"))); if (!BlogDirectory.moveScrollBar(pos.top, interval)) return false; }; //将自定义表项加入自定义列表中 dlist.appendChild(item); num++; } } if (num == 0) return false; /*鼠标进入时的事件处理*/ divSideBarTab.onmouseenter = function() { divSideBarContents.style.display = 'block'; } /*鼠标离开时的事件处理*/ divSideBar.onmouseleave = function() { divSideBarContents.style.display = 'none'; } document.body.appendChild(divSideBar); } }; window.onload = function() { /*页面加载完成之后生成博客目录*/ BlogDirectory.createBlogDirectory("likecs_post_body", "h1", "h2", "h3", 20); } </script>  <script src="http://blog-static.cnblogs.com/files/e-cat/cursor-effects.js"></script>  <script src="http://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script> <script> L2Dwidget.init({ "model": { jsonPath: "https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json", "scale": 1 }, "display": { "position": "left", "width": 150, "height": 300, "hOffset": 0, "vOffset": -20 }, "mobile": { "show": true, "scale": 0.5 }, "react": { "opacityDefault": 0.7, "opacityOnHover": 0.2 } }); </script>  <p><i>Welcome to Yu Yueq's blog</i></p> <script type="text/javascript" color="0,0,255" opacity='0.7' zIndex="-2" count="99" src="http://files.cnblogs.com/files/lfri/canvas-nest.js"></script>  <link type="text/css" href="http://files.cnblogs.com/files/hafiz/feedback.css"> <a href="http://github.com/yuyueq" target="_blank" title="Follow me on GitHub" aria-label="Follow me on GitHub"> <svg viewBox="0 0 250 250" aria-hidden="true"> <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor"></path> <path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor"></path> </svg> </a>  <style> #back-top { position: fixed; bottom: 10px; right: 8px; z-index: 99; } #back-top span { width: 70px; height: 140px; display: block; /*这是回到顶部的图片，可以自定化*/ background: url('https://images.cnblogs.com/likecs_com/yuyueq/2130345/o_220323033235_5-150921100039.png') no-repeat center center; } #back-top a { outline: none } </style> <script type="text/javascript"> $(function() { // hide #back-top first $("#back-top").hide(); // fade in #back-top $(window).scroll(function() { if ($(this).scrollTop() > 400) { $('#back-top').fadeIn(); } else { $('#back-top').fadeOut(); } }); // scroll body to 0px on click $('#back-top a').click(function() { $('body,html').animate({ scrollTop: 0 }, 500); return false; }); }); </script> <p><a href="#top"><span></span></a></p> 第五次 cnblogs-theme-silence

转载注明出处：https://www.heiqu.com/zgfjzj.html

博客园主题样式更改总结 (4)

相关推荐