My first blog theme

原作者文章

主题：geek

博客皮肤选择Custom

博客侧边栏公告没有

页面定制CSS代码

点击查看代码

#loading{background:#000;background:radial-gradient(#222,#000);bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:99999}.loader-inner{bottom:0;height:60px;left:0;margin:auto;position:absolute;right:0;top:0;width:100px}.loader-line-wrap{animation:spin 2s cubic-bezier(0.175,0.885,0.32,1.275) infinite;box-sizing:border-box;height:50px;left:0;overflow:hidden;position:absolute;top:0;transform-origin:50% 100%;width:100px}.loader-line{border:4px solid transparent;border-radius:100%;box-sizing:border-box;height:100px;left:0;margin:0 auto;position:absolute;right:0;top:0;width:100px}.loader-line-wrap:nth-child(1){animation-delay:-50ms}.loader-line-wrap:nth-child(2){animation-delay:-0.1s}.loader-line-wrap:nth-child(3){animation-delay:-150ms}.loader-line-wrap:nth-child(4){animation-delay:-0.2s}.loader-line-wrap:nth-child(5){animation-delay:-250ms}.loader-line-wrap:nth-child(1) .loader-line{border-color:#ea4747;height:90px;width:90px;top:7px}.loader-line-wrap:nth-child(2) .loader-line{border-color:#eaea47;height:76px;width:76px;top:14px}.loader-line-wrap:nth-child(3) .loader-line{border-color:#47ea47;height:62px;width:62px;top:21px}.loader-line-wrap:nth-child(4) .loader-line{border-color:#47eaea;height:48px;width:48px;top:28px}.loader-line-wrap:nth-child(5) .loader-line{border-color:#4747ea;height:34px;width:34px;top:35px}@keyframes spin{0%,15%{transform:rotate(0)}100%{transform:rotate(360deg)}}

勾选 禁用模板默认CSS

页首HTML代码

点击查看代码

<div id="loading">
    <div class="loader-inner">
        <div class="loader-line-wrap">
            <div class="loader-line"></div>
        </div>
        <div class="loader-line-wrap">
            <div class="loader-line"></div>
        </div>
        <div class="loader-line-wrap">
            <div class="loader-line"></div>
        </div>
        <div class="loader-line-wrap">
            <div class="loader-line"></div>
        </div>
        <div class="loader-line-wrap">
            <div class="loader-line"></div>
        </div>
    </div>
</div>

页脚HTML代码

点击查看代码

<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>
  const opts = 
  {
    theme: {
      name: 'geek',
      color: '', 
      avatar: 'https://pic.cnblogs.com/avatar/3208845/20230528184818.png'
    },
    
    signature: {
    enable: true,
    contents: [
    "HELLO <b style='color:#ff6b81'>!!</b>",
    "<b>Sit down and have a cup of drink 🍺 ~</b>",
    ],
    },
    
    darkMode: {
      enable: true,
      darkDefault: true,
      autoDark: true,
      autoLight: false
    },

    catalog: {
    enable: true,
    position: 'left',
    },
    
    links: [
    {
        name: 'ZJUers轻首页',
        link: 'https://zjuers.com/',
    },
    {
        name: 'Gitee',
        link: 'https://gitee.com/hukio',
    },
    {
        name: 'GitHub',
        link: 'https://github.com/',
    }
    // ....
    ],

    click: {
    enable: true,
    auto: false,
    colors: ['#FF1461', '#18FF92', '#5A87FF', '#FBF38C'],
    size: 30,
    maxCount: 50,
    },

    emoji: 
    {
    enable: true,
    buttonIcon: "🥳",
    emojiList: 
    [
        {
          value: 'https://images.cnblogs.com/cnblogs_com/gshang/1626876/o_2001050555139.png',
          label: '    ',
        },
        {value: '🤣',label: '笑哭',},{value: '😃',label: '大笑',},{value: '😅',label: '苦笑',},{value: '😆',label: '斜眼笑',},{value: '😏',label: '得意',},{value: '😊',label: '微笑',},{value: '😎',label: '酷！',},{value: '😍',label: '花痴',},{value: '🙂',label: '呵呵',},{value: '🤩',label: '好崇拜哦',},{value: '🤔',label: '思考',},{value: '🙄',label: '白眼',},{value: '😜',label: '略略略',},{value: '😲',label: '呆住',},{value: '😭',label: '大哭',},{value: '🤯',label: '头炸了',},{value: '😰',label: '冷汗',},{value: '😱',label: '吓死了',},{value: '🤪',label: '略略略',},{value: '😵',label: '晕',},{value: '😡',label: '愤怒',},{value: '🥳',label: '祝贺',},{value: '🤡',label: '小丑竟是我',},{value: '🤫',label: '嘘~',},{value: '🐒',label: '猴',},{value: '🤭',label: '笑笑不说话',},{value: '🐂',label: '牛',},{value: '🍺',label: '啤酒',},{value: '(=・ω・=)',label: '   ',},{value: '(｀・ω・´)',label: '   ',},{value: '(°∀°)ﾉ',label: '',},{value: '←_←',label: '',},{value: '→_→',label: '',},{value: 'Σ(ﾟдﾟ;)',label: '',},{value: '(｡･ω･｡)',label: '',},{value: '(-_-#)',label: '',},
    ]
    },

    bodyBackground: {
    enable: true,
    value:
        'https://img1.imgtp.com/2023/05/29/bwyjqMv8.png',
    opacity: 0.95,
    repeat: false,
    },

    gitee: {
    enable: true,
    color: '#C71D23',
    url: 'https://gitee.com/hukio',
    },

    github: {
    enable: false,
    color: '#C71D23',
    url: 'https://github.com/cnbloglabs',
    }

  }
  $.awesCnb(opts)
</script>