博客美化之路

git地址：https://github.com/BNDong/Cnblogs-Theme-SimpleMemory

背景图上传（也可以上传到QQ空间）：https://www.superbed.cn/

插眼：

文章页

显示三角形

window.cnblogsConfig = {
    essayTopAnimationRendered: true,
}

三角形设置

window.cnblogsConfig = {
    essayTopAnimation: {
          triW : 14,//三角形宽
          triH : 20,//高
          neighbours: ["side", "top", "bottom"],//随机邻居三角形的位置,三角形竖直放置
          speedTrailAppear : .1,//路径出现速度
          speedTrailDisappear : .1,//路径消失速度
          speedTriOpen : 1,//三角形打开的时间,时间快的话打开得很快,慢的话可能没有完全打开路径就消失
          trailMaxLength : 30,//路径最大长度
          trailIntervalCreation : 100,//路径创建的时间间隔,单位ms
          delayBeforeDisappear : 2,//消失之前延迟2s
          colorsRandom: false, //是否开启随机颜色,其实开启随机色的话笔者觉得效果不怎么好(不信可以自己试试...)
          colors: [
          //三角形的颜色从这八种颜色中随机取值,若自定义的颜色不满八种会使用默认值填满八种颜色
          //也可以直接在八种的基础上增加自己的颜色,建议配合背景设置
              '#96EDA6', '#5BC6A9',
              '#38668C', '#374D84',
              '#BED5CB', '#62ADC6',
              '#8EE5DE', '#304E7B'
          ],
    },
}

背景图片

window.cnblogsConfig = {
    essayTopImg: [
        "https://xxx.png",
        "https://xxx.png"
    ],
}

主页

显示气泡

window.cnblogsConfig = {
    homeTopAnimationRendered: true,//默认true
}

气泡设置

window.cnblogsConfig = {
    homeTopAnimation: {
        radius: 15,//半径
        density: 0.2,//密度,越大越密
            color: 'rgba(255,255,255, .2)', // 颜色设置，“random” 为随机颜色
        clearOffset: 0.3,//移动到距离页面底部百分比多少就消除
    },
}

背景

window.cnblogsConfig = {
    homeTopImg: [
        "https://xxx.png",
        "https://xxx.png"
    ],
}

 

其他待补...