First Day

First Day

今天是第一天加入博客大家园，心情嘛：开心、好玩

（十几分钟就通过了申请，真的好快，博客园的后台工作人员效率真的高！点赞o(￣▽￣)ｄ）

主题风格

进入博客园第一件事当然是。。。花里胡哨

​ 之前看别人的技术博客的时候，就看到很多好玩的博客主题风格，有的简洁明了，有的清新脱俗，有的角落里还有个二次元妹子 ԅ(¯﹃¯ԅ) ，竟然还能有动态交互效果，还要什么女朋友（你这样很影响我学习大佬的技术文章的！）。个人也是比较喜欢美观漂亮的嘛，就觉得那种偏向博客园默认简约风格的就好。

​ 还有！！！最重要的一点是！！！不能太占CPU资源，之前就一直看到一个挺不错的大佬博客来着，但是！但是但是！！ 我边看 这本子风扇不压着就差螺旋升天了好嘛。 调资源管理器一看，好家伙，单页面都72%的占用率吗，哈哈哈。

​ 但是本菜又经常要打开膜拜大佬，于是。。。于是强迫症的我就。。。用油猴强行关闭了背景动效，就像这样

// ==UserScript==
// @name         干掉一些博客主题动效后台疯狂占用cpu
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        *://www.cnblogs.com/哪个大佬的博客/*
// @run-at       document-end
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
/*     console.log(document.querySelectorAll("head script")); */
/*     window.cnblogsConfig = {bgAnimationRendered: false, homeTopAnimationRendered: false, essayTopAnimationRendered: false}
    console.log(window.cnblogsConfig);
    var script=document.createElement("script");
    script.setAttribute("type","text/javascript");
    script.innerHTML=`
        window.cnblogsConfig = {bgAnimationRendered: false, homeTopAnimationRendered: false, essayTopAnimationRendered: false}
    `
    document.body.appendChild(script) */
/*     console.log(document.querySelectorAll("body script")) */

/*   参考：  https://blog.csdn.net/weixin_30674525/article/details/101342425 */
    var interval= setInterval(()=>{
        if(window.cnblogsConfig.bgAnimationRendered){
            window.cnblogsConfig.bgAnimationRendered=false;
            window.cnblogsConfig.homeTopAnimationRendered=false;
            window.cnblogsConfig.essayTopAnimationRendered=false;
            clearInterval(interval);
        }
    }, 10);
    // Your code here...
})();

​ 顺着页面js都找了半天，众多主题也不知道博主用的是哪一个，总算找到了吧，但实在不了解这个博客主题配置对象的声明周期和加载过程，不管油猴页面加载过程哪个阶段配置插入，都无法覆盖大佬的原先配置。于是就用了最蠢的办法。。。定时器，这不就越不过了吗，哈哈哈哈哈，可把自己菜乐了

​

个性化主题

​ 目前 JS 权限还在申请中，也太快了，不到一个小时JS权限也申请通过了。

​ 主要使用了🍖awesCnb 主题，配置教程，附上自己的配置参考：

<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>$.awesCnb({
    // 基本配置
    theme: {
        name: 'geek',
        color: '#FFB3CC',
        title: '啦啦啦~ Welcome ~(▼ヘ▼#)',
        avatar: 'https://pic.cnblogs.com/avatar/2364140/20210418170259.png',
        favicon: 'https://pic.cnblogs.com/avatar/2364140/20210418170259.png',
        headerBackground: 'https://area.sinaapp.com/bingImg/',
    },
    // 深色模式
    darkMode: {
        enable: true,
        autoDark: false,
        autoLight: false
    },    
    // 代码高亮
    highLight: {
        type: '',
        dark: 'atomOneDark',
        light: 'atomOneLight',
    },
    // 代码行号
    lineNumbers: {
        enable: true,
    },
    // github图标
    github: {
        enable: false,
        color: '#ffb3cc',
        url: '',
    },
    // 码云图标
    gitee: {
        enable: false,
        color: '#C71D23',
        url: '',
    },
    // 图片灯箱
    imagebox: {
        enable: true,
    },
    // 文章目录
    catalog: {
        enable: true,
        position: 'left',
    },
    // 右下角按钮组
    tools: {
        enable: true,
        initialOpen: true,
        draggable: false,
    },
    // live2d模型
    live2d: {
        enable: false,
        page: 'all',
        agent: 'pc',
        model: 'haru-01',
        width: 150,
        height: 200,
        position: 'left',
        gap: 'default',
    },
    // 点击特效
    click: {
        enable: false,
        auto: false,
        colors: [],
        size: 30,
        maxCount: 15,
    },
    // 评论输入框表情
    emoji: {
        enable: true,
        showRecents: true,
        showSearch: true,
        showPreview: false,
        recentsCount: 20,
        theme: 'auto',
    },
    // 暗色模式
    darkMode: {
        enable: true,
        autoDark: false,
        autoLight: false,
    },
    // 音乐播放器
    musicPlayer: {
        enable: false,
        page: 'all',
        agent: 'pc',
        autoplay: false,
        volume: 0.4,
        lrc: {
            enable: false, // 启用歌词
            type: 1, // 1 -> 字符串歌词 3 -> url 歌词
            color: '', // 颜色
        }
    },
    // 随笔头图
    postTopimage: {
        enable: true,
        fixed: false,
        imgs: [],
    },
    // 随笔尾图
    postBottomimage: {
        enable: false,
        img: '',
        height: '',
    },
    // 打赏二维码
    donation: {
        enable: false,
        qrcodes: [],
    },
    // 个性签名
    signature: {
        enable: false,
        contents: [],
    },
    // 侧边栏二维码
    qrcode: {
        enable: false,
        img: '',
        desc: '',
    },
    // 弹出公告
    notice: {
        enable: false,
        text: [],
    },
    // 首页列表图
    indexListImg: {
        enable: false,
        imgs: [],
    },
    // 顶部加载进度条
    topProgress: {
        enable: false,
        page: 'all',
        agent: 'pc',
        background: '#FFB3CC',
        height: '5px',
    },
    // 随笔页尾部签名
    postSignature: {
        enable: true,
        content: [],
        licenseName: '',
        licenseLink: '',
    },
    // 背景图片或颜色
    bodyBackground: {
        enable: false,
        value: '',
        opacity: 0.9,
        repeat: false,
    },
    // 弹幕
    barrage: {
        enable: false,
        opacity: 0.6,
        fontSize: '',
        colors: [],
        barrages: [],
        indexBarrages: [],
        postPageBarrages: [],
    },
    // 图表
    charts: {
        enable: false,
        pie: {
            title: 'My skills',
            data: {
                labels: ['JavaScript', 'css', 'Vue', 'React', 'wechat'],
                values: [40, 30, 20, 10, 20],
            },
        },
    },
    // 锁屏
    lock: {
        enable: false,
        background: '',
        strings: [],
    },
    // 自定义链接链接
    links: [
        {
            name: '自定义链接',
            link: '',
        },
    ],

})
</script>

后续

​ 后续嘛。。。陆续把个人笔记搬上来吧