博客园样式美化记录

前言

在自己查找资料经过对自己的博客修改后做个记录，基于博皮“SimpleMemor”进行的修改，在美化博客前先确认博客已申请开通且申请了js权限。

效果预览

点击预览

页面定制css代码

进入GitHub找到对应的版本下的/dist/simpleMemory.css文件，将文件内容复制粘贴到博客园后台即可

快速到达

博客侧边栏公告

<script type="text/javascript">
    window.cnblogsConfig = {
      info: {
        name: 'name', // 填写自己用户名
        startDate: 'startDate', // 入园时间，年-月-日。入园时间查看方法：鼠标停留园龄时间上，会显示入园时间
        avatar: '头像地址', // 用户头像
      },
      banner: {
            home: {
              title: [
                'banner图文案',
              ],
              background: [
                    "首页图地址",
              ],
            },
    },
    footer: {
    style: 2,
    text: {
      left: '好好学习',
      right: '天天向上'
    },
    },
    switchDayNight: {
        enable: true,
        auto: {
            enable: true
        }
    },
    animate: {
    background: {
      enable: true,
    },
  },
  }
</script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v2.0.6/dist/simpleMemory.js" defer></script>

页首HTML代码

<script src="https://blog-static.cnblogs.com/files/e-cat/cursor-effects.js"></script>

页脚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'
        + '作者：xx \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();
        }
    });
</script>

其他细节的美化可参考官方文档：

点击进入