Cnblogs Theme SimpleMemory博客园样式设置
页面定制CSS代码
参照github官网：https://github.com/BNDong/Cnblogs-Theme-SimpleMemory
博客侧边栏公告
<script type="text/javascript"> window.cnblogsConfig = { info: { name: 'PengSay', // 用户名 blogStartDate: '2019-05-14', // 入园时间，年-月-日。入园时间查看方法：鼠标停留园龄时间上，会显示入园时间 avatar: 'https://files.cnblogs.com/files/blogs/634541/avatar.bmp', // 用户头像 blogIcon: 'https://files.cnblogs.com/files/blogs/634541/avatar.bmp', }, title: { onblur: '(o?v?)ノ Hi', }, sidebar: { navList: [ ['Gitee', 'https://gitee.com/programpeng', 'icon-gitee1'], ['GitHub', 'https://github.com/1471591945', 'icon-github'], ['Cnblogs', 'https://www.cnblogs.com', 'icon-cnblogs'] ], }, switchDayNight: { enable: true, // 是否开启日/夜间模式切换按钮 auto: { // 自动切换相关配置 enable: true, // 开启自动切换 dayHour: 5, // 日间模式开始时间，整数型，24小时制 nightHour: 19 // 夜间模式开始时间，整数型，24小时制 } }, banner: { home: { background: [ "https://img.xjh.me/random_img.php?type=bg&ctype=nature&return=302", ], title: [], titleSource: 'one', }, article: { background: [ "https://img.xjh.me/random_img.php?type=bg&ctype=nature&return=302", ], } }, footer: { text: { left: '人无完人', right: '金无足赤', }, style: 2 }, code: { type: 'hljs', options: { hljs: { // theme: 'agate', theme: 'an-old-hope', // theme: 'github', // theme: 'github-gist', languages: ['Bash', 'curl', 'CSS', 'Dockerfile', 'Go', 'HTML', 'XML', 'HTTP', 'Sass', 'Scss', 'Less', 'Lua', 'PHP', 'Python', 'Shell', 'SQL', 'Java', 'JSON'] }, maxHeight: '', line: true, macStyle: true, }, }, rtMenu: { downScrollDom: '#blog_post_info_block', }, animate: { bannerImages: { enable: true, options: { itemNum: 5, current: -1, sort: 1, time: 30000 } }, homeBanner: { enable: true, options: { radius: 15, density: 0.2, color: 'rgba(255,255,255, .2)', clearOffset: 0.3 } }, // articleTitle - 文章页标题动效 articleTitle: { enable: true }, articleBanner: { enable: true }, // 页面背景动效 background: { enable: false, options: { colorSaturation: "60%", colorBrightness: "50%", colorAlpha: 0.5, colorCycleSpeed: 5, verticalPosition: "random", horizontalSpeed: 200, ribbonCount: 3, strokeSize: 0, parallaxAmount: -0.2, animateSections: true } }, // 背景动效，颜色比较浅不影响阅读，鼠标移动有简单动偏移动画。 backgroundMouse: { enable: false }, mouse: { enable: false, options: { size: 8, sizeF: 36 } } }, articleDirectory: { minBodyWeight: 1400, position: 'left', }, } script> <script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v2.1.0/dist/simpleMemory.js" defer>script> <script> !function(){ function n(n,e,t){ return n.getAttribute(e)||t } function e(n){ return document.getElementsByTagName(n) } function t(){ var t=e("script"),o=t.length,i=t[o-1]; return{ l:o,z:n(i,"zIndex",-1),o:n(i,"opacity",3),c:n(i,"color","125,125,125"),n:n(i,"count",160) } } function o(){ a=m.width=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth, c=m.height=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight } function i(){ r.clearRect(0,0,a,c); var n,e,t,o,m,l; s.forEach(function(i,x){ for(i.x+=i.xa,i.y+=i.ya,i.xa*=i.x>a||i.x<0?-1:1,i.ya*=i.y>c||i.y<0?-1:1,r.fillRect(i.x-.5,i.y-.5,1,1),e=x+1;e<u.length;e++)n=u[e], null!==n.x&&null!==n.y&&(o=i.x-n.x,m=i.y-n.y, l=o*o+m*m,l<n.max&&(n===y&&l>=n.max/2&&(i.x-=.03*o,i.y-=.03*m), t=(n.max-l)/n.max,r.beginPath(),r.lineWidth=t/2,r.strokeStyle="rgba("+d.c+","+(t+.2)+")",r.moveTo(i.x,i.y),r.lineTo(n.x,n.y),r.stroke())) }), x(i) } var a,c,u,m=document.createElement("canvas"), d=t(),l="c_n"+d.l,r=m.getContext("2d"), x=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame|| function(n){ window.setTimeout(n,1e3/45) }, w=Math.random,y={x:null,y:null,max:2e4};m.id=l,m.style.cssText="position:fixed;top:0;left:0;z-index:"+d.z+";opacity:"+d.o,e("body")[0].appendChild(m),o(),window.onresize=o, window.onmousemove=function(n){ n=n||window.event,y.x=n.clientX,y.y=n.clientY }, window.onmouseout=function(){ y.x=null,y.y=null }; for(var s=[],f=0;d.n>f;f++){ var h=w()*a,g=w()*c,v=2*w()-1,p=2*w()-1;s.push({x:h,y:g,xa:v,ya:p,max:6e3}) } u=s.concat([y]), setTimeout(function(){i()},100) }(); script> <style type="text/css"> #blog-news { background-color: #363636; } /*最外层容器样式*/ .wrap { width: 100px; height: 100px; margin: 150px; position: relative; } /*包裹所有容器样式*/ .cube { width: 50px; height: 50px; margin: 0 auto; transform-style: preserve-3d; transform: rotateX(-30deg) rotateY(-80deg); animation: rotate linear 20s infinite; } @-webkit-keyframes rotate { from { transform: rotateX(0deg) rotateY(0deg); } to { transform: rotateX(360deg) rotateY(360deg); } } .cube div { position: absolute; width: 200px; height: 200px; opacity: 0.8; transition: all .4s; } /*定义所有图片样式*/ .pic { width: 200px; height: 200px; } .cube .out_front { transform: rotateY(0deg) translateZ(100px); } .cube .out_back { transform: translateZ(-100px) rotateY(180deg); } .cube .out_left { transform: rotateY(-90deg) translateZ(100px); } .cube .out_right { transform: rotateY(90deg) translateZ(100px); } .cube .out_top { transform: rotateX(90deg) translateZ(100px); } .cube .out_bottom { transform: rotateX(-90deg) translateZ(100px); } /*定义小正方体样式*/ .cube span { display: block; width: 100px; height: 100px; position: absolute; top: 50px; left: 50px; } .cube .in_pic { width: 100px; height: 100px; } .cube .in_front { transform: rotateY(0deg) translateZ(50px); } .cube .in_back { transform: translateZ(-50px) rotateY(180deg); } .cube .in_left { transform: rotateY(-90deg) translateZ(50px); } .cube .in_right { transform: rotateY(90deg) translateZ(50px); } .cube .in_top { transform: rotateX(90deg) translateZ(50px); } .cube .in_bottom { transform: rotateX(-90deg) translateZ(50px); } /*鼠标移入后样式*/ .cube:hover .out_front { transform: rotateY(0deg) translateZ(200px); } .cube:hover .out_back { transform: translateZ(-200px) rotateY(180deg); } .cube:hover .out_left { transform: rotateY(-90deg) translateZ(200px); } .cube:hover .out_right { transform: rotateY(90deg) translateZ(200px); } .cube:hover .out_top { transform: rotateX(90deg) translateZ(200px); } .cube:hover .out_bottom { transform: rotateX(-90deg) translateZ(200px); } style> <div class="wrap"> <div class="cube"> <div class="out_front"> <img src="https://files.cnblogs.com/files/blogs/634541/F.bmp" class="pic"> div> <div class="out_back"> <img src="https://files.cnblogs.com/files/blogs/634541/B.bmp" class="pic"> div> <div class="out_left"> <img src="https://files.cnblogs.com/files/blogs/634541/L.bmp" class="pic"> div> <div class="out_right"> <img src="https://files.cnblogs.com/files/blogs/634541/R.bmp" class="pic"> div> <div class="out_top"> <img src="https://files.cnblogs.com/files/blogs/634541/U.bmp" class="pic"> div> <div class="out_bottom"> <img src="https://files.cnblogs.com/files/blogs/634541/D.bmp" class="pic"> div> <span class="in_front"> <img src="https://files.cnblogs.com/files/blogs/634541/F.bmp" class="in_pic"> span> <span class="in_back"> <img src="https://files.cnblogs.com/files/blogs/634541/B.bmp" class="in_pic"> span> <span class="in_left"> <img src="https://files.cnblogs.com/files/blogs/634541/L.bmp" class="in_pic"> span> <span class="in_right"> <img src="https://files.cnblogs.com/files/blogs/634541/R.bmp" class="in_pic"> span> <span class="in_top"> <img src="https://files.cnblogs.com/files/blogs/634541/U.bmp" class="in_pic"> span> <span class="in_bottom"> <img src="https://files.cnblogs.com/files/blogs/634541/D.bmp" class="in_pic"> span> div> div>
页首HTML代码
暂无个性化设置
页脚HTML代码
<script type="text/javascript"> var selfLogin = false; var follow = $('#profile_block').find('#p_b_follow'); var block = follow.length >= 1 ? follow[0] : ""; var followText = (block != null && block != undefined) ? block.innerHTML : ""; if(followText == "") selfLogin = true; var pageInfo = '\r\n---------------------\r\n著作权归作者所有。\r\n' + '商业转载请联系作者获得授权，非商业转载请注明出处。\r\n' + '作者：没有你哪有我 \r\n源地址：' + document.location.href + '\r\n来源：博客园cnblogs\r\n? 版权声明：本文为博主原创文章，转载请附上博文链接！'; document.addEventListener('copy', function (ev) { var targetHTML = $.trim($(ev.target).html()); // console.log("targetHTML:" + targetHTML) if (targetHTML == "") return; if (!(targetHTML.startsWith('') && targetHTML.endsWith('
')) || !selfLogin) // isLogined { var selected = window.getSelection(); var selectedText = selected.toString(); let copyRightStr = (selectedText + pageInfo).replace(/\n/g, '\r\n'); // Solve the line breaks conversion issue ev.clipboardData.setData('text/plain', `${copyRightStr}`); ev.preventDefault(); } }); // var a_idx = 0; // $("body").click(function(e) { // var a = new Array("?去活出你自己。?","?今天的好计划胜过明天的完美计划。?", // "?不要轻言放弃，否则对不起自己。?","?紧要关头不放弃，绝望就会变成希望。?", // "?如果不能改变结果，那就完善过程。?","?好好活就是干有意义的事，有意义的事就是好好活！?", // "?你真正是谁并不重要，重要的是你的所做所为。?", // "?你不想为你的信仰冒一下险吗?难道想等你老了，再后悔莫及吗??", // "?有些鸟儿是关不住的，它的每一根羽毛都闪耀着自由的光辉。?", // "?决定我们成为什么样人的，不是我们的能力，而是我们的选择。?", // "?掉在水里你不会淹死，呆在水里你才会淹死，你只有游，不停的往前游。?", // "?有些路，只能一个人走。?","?希望你眼眸有星辰，心中有山海。?", // "?从此以梦为马，不负韶华。?","?人的成就和差异决定于其业余时间。?", // "?佛不要你皈依，佛要你欢喜。?","?ダーリンのこと 大好きだよ?", // "?小猫在午睡时，地球在转。?","?我，混世大魔王，申请做你的小熊软糖。?", // "?决定好啦，要暗暗努力。?","?呐，做人呢最紧要开心。?", // "?好想邀请你一起去云朵上打呼噜呀。?","?永远年轻，永远热泪盈眶。?", // "?我生来平庸，也生来骄傲。?","?我走得很慢，但我从不后退。?", // "?人间不正经生活手册。?","?我是可爱的小姑娘，你是可爱。?", // "?数学里，有个温柔霸道的词，有且仅有。?","?吧唧一口，吃掉难过。?", // "?你头发乱了哦。?","?健康可爱，没有眼袋。?","?日月星辰之外，你是第四种难得。?", // "?你是否成为了了不起的成年人？?","?大家都是第一次做人。?","?何事喧哗？！?", // "?人间有味是清欢。?","?你笑起来真像好天气。?","?风填词半句，雪斟酒一壶。?", // "?除了自渡，他人爱莫能助。?","?昨日种种，皆成今我。?","?一梦入混沌 明月撞星辰?", // "?保持独立 适当拥有?","?谢谢你出现 这一生我很喜欢?","?做自己就好了 我会喜欢你的?", // "?太严肃的话，是没办法在人间寻欢作乐的?","?愿你余生可随遇而安，步步慢。?", // "?黄瓜在于拍，人生在于嗨?","?奇变偶不变，符号看象限。?","?从来如此，便对么？?", // "?今天我这儿的太阳，正好适合晒钙 你呢?","?未来可期，万事胜意。?", // "?星光不问赶路人 时光不负有心人?","?我当然不会试图摘月，我要月亮奔我而来?", // "?女生要修炼成的五样东西： 扬在脸上的自信，长在心底的善良， 融进血里的骨气，刻进命里的坚强，深到骨子里的教养?", // "?燕去燕归，沧海桑田。纵此生不见，平安惟愿?","?我想认识你 趁风不注意?","?我一直想从你的窗子里看月亮?", // "?长大应该是变温柔，对全世界都温柔。?","?别在深夜做任何决定?","?山中何事，松花酿酒，春水煎茶。?", // "?桃李春风一杯酒，江湖夜雨十年灯。?","?欲买桂花同载酒，终不似，少年游。?"); // var $i = $("").text(a[a_idx]); // a_idx = (a_idx + 1) % a.length; // var x = e.pageX, // y = e.pageY; // $i.css({ // "z-index": 999999999999999, // "top": y - 20, // "left": x, // "position": "absolute", // "font-weight": "bold", // "color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")" // }); // $("body").append($i); // $i.animate({ // "top": y - 180, // "opacity": 0 // }, // 1500, // function() { // $i.remove(); // }); // }); script> <script type="text/javascript" language="javascript"> //Setting ico for cnblogs var linkObject = document.createElement('link'); linkObject.rel = "shortcut icon"; linkObject.href = "https://files.cnblogs.com/files/blogs/634541/tql.bmp?t=1636457444"; document.getElementsByTagName("head")[0].appendChild(linkObject); script> <div id="he-plugin-simple">div> <script> WIDGET = { "CONFIG": { "modules": "01234", "background": "1", "tmpColor": "FFFFFF", "tmpSize": "16", "cityColor": "FFFFFF", "citySize": "16", "aqiColor": "FFFFFF", "aqiSize": "16", "weatherIconSize": "24", "alertIconSize": "18", "padding": "10px 10px 10px 10px", "shadow": "0", "language": "auto", "fixed": "true", "vertical": "top", "horizontal": "left", "left": "20px", "top": "500px", "key": "b5127da52068484b82a99ee69e7c5662" } } script> <script src="https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0">script> <script id="c_n_script" src="https://blog-static.cnblogs.com/files/xiaokang01/js.js" color="0,0,255" opacity="1" count="75" zindex="-2"> if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { } else { } script> <script src="https://files.cnblogs.com/files/wkfvawl/mouse-click.js">script> <canvas width="1777" height="841" style="position: fixed; left: 0px; top: 0px; z-index: 2147483647; pointer-events: none;">canvas> <link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/zhangshuhao1116/waifu1.css"/><script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js">script> <div class="waifu" id="waifu"><div class="waifu-tips" style="opacity: 1;">div><canvas id="live2d" width="280" height="250" class="live2d">canvas><div class="waifu-tool"><span class="fui-home">span><span class="fui-chat">span><span class="fui-eye">span><span class="fui-user">span><span class="fui-photo">span><span class="fui-info-circle">span><span class="fui-cross">span>div>div><script src="https://blog-static.cnblogs.com/files/zhangshuhao1116/live2d.min.js">script><script src="https://blog-static.cnblogs.com/files/zhangshuhao1116/waifu-tips.js">script><script type="text/javascript">initModel()script> <link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/zhangshuhao1116/flat-ui.min.css"/> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aplayer/1.10.1/APlayer.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/aplayer/1.10.1/APlayer.min.js">script> <script src="https://unpkg.com/meting@1.2/dist/Meting.min.js">script> <div id="player" class="aplayer aplayer-withlist aplayer-fixed" data-id="2880025172" data-server="netease" data-type="playlist" data-order="random" data-fixed="true" data-listfolded="true" data-theme="orange">div>