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代码

 

复制代码
<!-- 注释
    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/aplayer@1.10.0/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/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>
复制代码

 

posted @   没有你哪有我  阅读(99)  评论(0)  编辑  收藏  举报
相关博文：
· 博客园实现刷新页面切换背景图片的效果
· html页面设置覆盖且不重复的背景图片
· 博客园主题 - SimpleMemory
· 博客园主题1
· 转发:自定义博客园cnblog主题样式Ⅱ（SimpleMemory）
阅读排行：
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· DeepSeek在M芯片Mac上本地化部署
· 葡萄城 AI 搜索升级：DeepSeek 加持，客户体验更智能
历史上的今天：
2021-05-18 1442. 形成两个异或相等数组的三元组数目
2021-05-18 LeetCode刷题——239. 滑动窗口最大值（困难）
点击右上角即可分享
微信分享提示