Cnblogs Theme SimpleMemory部落格園樣式設定
阿新 • • 發佈：2022-05-18
頁面定製CSS程式碼
參照github官網：https://github.com/BNDong/Cnblogs-Theme-SimpleMemory
部落格側邊欄公告
<script type="text/javascript"> window.cnblogsConfig = { info: { name: 'PengSay', // 使用者名稱 startDate: '2019-05-14', // 入園時間，年-月-日。入園時間檢視方法：滑鼠停留園齡時間上，會顯示入園時間 avatar: '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: false, // 開啟自動切換 dayHour: 5, // 日間模式開始時間，整數型，24小時制 nightHour: 19 // 夜間模式開始時間，整數型，24小時制 } }, banner: { home: { background: ["https://files.cnblogs.com/files/blogs/634541/home.bmp", ], title: [], titleSource: 'one', }, article: { background: [ "https://files.cnblogs.com/files/blogs/634541/article.bmp", ], } }, 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: true, 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/[email protected]/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> #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程式碼
<!-- 註釋 var a = new Array("❤Java❤","❤MySQL❤","❤HTML❤","❤CSS❤","❤JS❤","❤JavaWeb❤","❤JSP❤","❤Spring❤","❤SpringMVC❤","❤MyBatis❤","❤SpringBoot❤","❤Vue❤","❤Linux❤","❤Nginx❤", "❤排序❤","❤二分❤","❤高精度❤","❤字首和與差分❤","❤雙指標演算法❤","❤位運算❤","❤離散化❤","❤區間合併❤", "❤連結串列與鄰接表：樹與圖的儲存❤","❤棧與佇列：單調佇列、單調棧❤","❤kmp❤","❤Trie❤","❤並查集❤","❤堆❤","❤Hash表❤", "❤DFS與BFS❤","❤樹與圖的遍歷：拓撲排序❤","❤最短路❤","❤最小生成樹❤","❤二分圖：染色法、匈牙利演算法❤", "❤質數❤","❤約數❤","❤尤拉函式❤","❤快速冪❤","❤擴充套件歐幾里得演算法❤","❤中國剩餘定理❤","❤高斯消元❤","❤組合計數❤","❤容斥原理❤","❤簡單博弈論❤", "❤揹包問題❤","❤線性DP❤","❤區間DP❤","❤計數類DP❤","❤數位統計DP❤","❤狀態壓縮DP❤","❤樹形DP❤","❤記憶化搜尋❤", "❤貪心❤","❤時空複雜度分析❤"); --> <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('<table class="hljs-ln"') && targetHTML.endsWith('</table>')) || !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 = $("<span></span>").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="jsi-flying-fish-container" class="container"></div> <script src='https://blog-static.cnblogs.com/files/elkyo/fish.js'></script> <style> @media only screen and (max-width: 767px){ #sidebar_search_box input[type=text]{width:calc(100% - 24px)} } </style> --> <!-- Music--> <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/APlayer.min.css"> <script src="https://blog-static.cnblogs.com/files/zhangshuhao1116/music.js"></script> <script src="https://blog-static.cnblogs.com/files/zhangshuhao1116/music1.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> --> <!-- Music end --> <!-- 和風天氣 --> <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> <!-- 看板娘 --> <!-- live2D --> <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/[email protected]/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>