博客园美化

页面定制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)}}
.profile-menu {display: none !important;}#cnblogs_ch {display: none}
.left-side-wrapper ul li:not(:last-child) {
    margin-bottom: 6px !important;
}

页首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://blog-static.cnblogs.com/files/guangzan/loader.min.js"></script>
<script>
  const opts = {
    theme: {
      name: 'geek',
      avatar:"https://pic.cnblogs.com/avatar/1845949/20230601110728.png",
    headerBackground:"https://images.cnblogs.com/cnblogs_com/jin-ting/1574375/t_230601091004_dropdown-header-bg.png"
    },

   highLight: {
      enable: true,
    },
    lineNumbers: {
      enable: true,
    },
    github: {
      enable: true,
      url: "",
    },
    gitee: {
      enable: true,
      url: '',
    },
    click: {
      enable: true,
    },
    emoji: {
      enable: true,
    },
    darkMode: {
      enable: true,
      autoDark: false,
      autoLight: false,
    },

    signature: {
      enable: true,
      contents: [
        "<b>为了能到远方，脚下的每一步都不能少.</b>",
        "Always keep a beginner's mind, don't forget the beginner's mind.",
        "<b>花开堪折直须折，莫待无花空折枝。</b>",
        "<b>一件事情不付诸实践，即使在心里想一万遍也是徒然。</b>",
        "<b>一沙一世界，一花一天堂。君掌盛无边，刹那成永恒。</b>",
        "<b>💡 有理想，但不妄想， 💭 有希望，但不奢望， 🐬 有作为，但不妄为。</b>",
        "我们登上的并非我们所选择的舞台，演出并非我们所选择的剧本。-- 爱比克泰德 (古罗马哲学家) 。",
        "<b>不闻不若闻之，闻之不若见之，见之不若知之，知之不若行之，学至于行之而止矣 -- 荀子</b>",
        "<b>闻见知行。</b>",
        "<b>开头很简单，最难的是坚持。</b>",
        "<b>拥有知识的错觉，比没有知识更可怕!</b>",
        "<b>如果你只做能力范围之内的事，你就永远不会有进步!</b>",
        "<b>没有落魄的行业，只有落魄的人!</b>",
        "<b>业精于勤荒于嬉，行成于思毁于随! </b>",
        "<b>路漫漫其修远兮，吾将上下而求索。</b>",
      
      ],
    },
    postSignature: {
      enable: true,
      enableLicense: true,
      content: ['署名-非商业性使用-相同方式共享 4.0 国际', 'https://creativecommons.org/licenses/by-nc-sa/4.0/','欢迎访问我的个人博客首页【/】，更多干货尽在其中！'],
    },

    links: {
      enable: true,
      value: [
        {
          name: "🔋 公众号",
          link: "https://community.plotly.com/c/python/",
        },
        {
          name: "💡 Dash plotly社区",
          link: "https://community.plotly.com/c/python/",
        },
        {
          name: "🎨 AI-helper",
          link: "https://chat2.jinshutuan.com/#/chat/1685150751203",
        },
        {
          name: "👨‍💻 Python前端利器",
          link: "https://fac.feffery.tech/",
        },
        {
          name: "⚡ Python小白建模教程",
          link: "https://www.cnblogs.com/youcans/p/14824415.html",
        },

        
       
      ],
    },
  }
  $.awesCnb(opts)
</script>