博客园主题1

https://github.com/BNDong/Cnblogs-Theme-SimpleMemory

https://www.likecs.com/show-306717407.html

1、修改博客皮肤为 SimpleMemory

2、在页面定制 CSS 代码 中 ( 注意要勾选禁用模本默认CSS ) 添加以下地址中的css代码：

https://github.com/BNDong/Cnblogs-Theme-SimpleMemory/blob/master/src/style/base.min.css

以下是额外添加的部分：

#sideCatalog{opacity:0.9}

3、博客侧边栏公告 代码（格式选择 html）：

<script type="text/javascript">
    window.cnblogsConfig = {
        GhVersions    : 'v1.3.3', // 版本
        blogUser      : "Angelia-Wang", // 用户名
        blogAvatar    : "https://cdn.jsdelivr.net/gh/Angelia-Wang/blogImage/img/me.jpg", // 用户头像
        blogStartDate : "2010-12-04", // 入园时间，年-月-日。入园时间查看方法：鼠标停留园龄时间上，会显示入园时间
        homeTopImg    : [
            "https://baotangguo.cn:8081/", //bing每日随机背景图
        ],
        webpageTitleOnblur: '👀 Hi',
        webpageTitleOnblurTimeOut: 500,
        webpageTitleFocus: '🌸 欢迎回来！',
        webpageTitleFocusTimeOut: 1000,
        webpageIcon: "https://cdn.jsdelivr.net/gh/Angelia-Wang/blogImage/img/me.jpg", //网页标签图标
        switchDayNight: {
            enable: true,       // 是否开启日/夜间模式切换按钮
            auto: {             // 自动切换相关配置
                enable: false,  // 开启自动切换
                dayHour: 5,     // 日间模式开始时间，整数型，24小时制
                nightHour: 19   // 夜间模式开始时间，整数型，24小时制
            }
        },
        menuCustomList:
            {
                "GitHub":
                    {
                        "data":
                            [
                                ["Angelia-Wang","https://github.com/Angelia-Wang"]
                            ],
                        "icon":"icon-github"
                    }
            },
        menuNavList: [
            ['GitHub', 'https://github.com/Angelia-Wang'],
        ],
        progressBar: {  // 进度条（页面顶部）
            color   : '#77b6ff',
            height  : '2px',
            duration: 0.2, //单位s,是页面滑动后进度条移动到相应位置的时间,比如页面从0滑动到50%,进度条花0.2s从0到达50%
        },
        loading: { //页面刚进去的图形旋转的配置
            rebound: {//以下两项控制旋转速度
                tension: 16,
                friction: 5,
            },
            spinner: {
                id: 'spinner',
                radius: 90,//图形半径,控制图形大小
                sides: 3,//边数,3是三角形,4是正方形
                depth: 4,//深度,也就是有多少图形堆叠在一起旋转
                colors: {
                    background: '#f0f0f0',//整个页面的背景
                    stroke: '#272633',//旋转图形边缘颜色
                    base: null,//原始位置的颜色,比如如果设成红色,未开始旋转的位置对应的有一个红色的图形(取决于上面的sides,n边形),不过看起来效果...
                    child: '#272633',//旋转图形的颜色
                },
                alwaysForward: true, // false的话会加一点看起来回旋的效果,由于速度太快这个设为true/false看起来差别不大
                restAt: 0.5,         //0.1-0.9,null为完全旋转
                renderBase: false,//如果上面设置了base的颜色要把这个设为true
            }
        },
        homeBannerTextType: "one", //每日一句,另一个取值为jinrishici,每次一句古诗词
        essayTopImg   : [
            "https://baotangguo.cn:8081/", //bing每日随机背景图
        ],
        essayTitleStyle: false, // 是否设置文章内容标题样式
        reward: {
            enable: true,
            wechatpay: 'https://gitee.com/yijingwang/blogImage/raw/master/img/wechat.jpg',
            alipay: 'https://gitee.com/yijingwang/blogImage/raw/master/img/alipay.jpg',
        },
        codeLineNumber: true, // 代码行号渲染
        // essayCodeHighlightingType: "highlightjs",
        // essayCodeHighlighting:"atom-one-dark",
        bottomText: {
            iconFont: {  // v1.3.0 新增配置
                icon:  "icon-xl", // iconfont 图标名称
                color: "red",     // 图标颜色
                fontSize: "16px"  // 图标大小
            },
            left : "总有一天",
            right: "成为大佬！",
        },
    }
</script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v1.3.3/src/script/simpleMemory.min.js" defer></script>
<script > 
      window.onload=function (){
            setTimeout(function () {
                $('#sideCatalog').prop('style','didplsy:block')
            }, 2000);
  }
</script>