1 引言

从CSDN转到博客园有段时间了，最近重新捣鼓一下博客的皮肤。

如果借鉴我的代码，真改一下头像和签名，我无语了。

2 定制博客

2.1 创建博客

主要步骤为，申请博客 - 申请js - 寻找博客园主题美化。

以下是我的博客定制化主要参考的文章。

https://www.yuque.com/awescnb/user
https://www.cnblogs.com/leebri/p/my-blog-config.html
https://www.cnblogs.com/liweis/p/5166576.html
https://www.cnblogs.com/woju/p/16996438.html

2.2 博客园配置

2.2.1 选项

2.2.2 设置

博客皮肤选择“Custom”。

文中很多文件被我换成了我自己的文件。你也可以修改。

上传到博客的“文件”，然后选择分享替换URL。这是其中一种方法。

2.2.2.1 博客侧边栏公告

微信公众号图片，记得修改src。

或者删除，不使用，不影响美化。

<hr><img src="https://files.cnblogs.com/自行添加，本人已不使用.bmp" width="250px" height="250px"><hr>

2.2.2.2 网页定制CSS代码

！！！禁用模板默认CSS

@keyframes spin3D{from{transform:rotate3d(0.5,0.5,0.5,360deg)}to{transform:rotate3d(0deg)}}#loading{height:100%;background-color:#1d2630;display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;overflow:hidden;z-index:99999999}.spinner-box{width:300px;height:300px;display:flex;justify-content:center;align-items:center;background-color:transparent}.leo{position:absolute;display:flex;justify-content:center;align-items:center;border-radius:50%}.blue-orbit{width:165px;height:165px;border:1px solid #91daffa5;animation:spin3D 3s linear .2s infinite}.green-orbit{width:120px;height:120px;border:1px solid #91ffbfa5;animation:spin3D 2s linear 0s infinite}.red-orbit{width:90px;height:90px;border:1px solid #ffca91a5;animation:spin3D 1s linear 0s infinite}.white-orbit{width:60px;height:60px;border:2px solid #fff;animation:spin3D 10s linear 0s infinite}.w1{transform:rotate3D(1,1,1,90deg)}.w2{transform:rotate3D(1,2,0.5,90deg)}.w3{transform:rotate3D(0.5,1,2,90deg)}

//首行缩进
#cnblogs_post_body p {
margin:10px;
text-indent:2em;
}

2.2.2.3 页首HTML代码

加载过程，星空主题。

<div id="loading">
    <div class="spinner-box">
        <div class="blue-orbit leo"></div>
        <div class="green-orbit leo"></div>
        <div class="red-orbit leo"></div>
        <div class="white-orbit w1 leo"></div>
        <div class="white-orbit w2 leo"></div>
        <div class="white-orbit w3 leo"></div>
    </div>
</div>

2.2.2.4 页脚HTML代码

<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>
  const opts = {
    // 基本配置
    theme: {
      name: 'reacg',
      color: '#FFB3CC',
      title: '',
      avatar: '/i/l/?n=23&i=blog/2323498/202308/2323498-20230824110718118-57952129.png',
      favicon: '',
      headerBackground: '',
    },
    // 个性签名
    signature: {
      enable: true,
      contents: [
      "1，2，3，4，坚持不懈",
      ],
    },
    // 代码高亮
    highLight: {
      enable: true,
    },
    // 代码行号
    lineNumbers: {
      enable: true,
    },
    // github图标
    github: {
      enable: false,
      url: '',
    },
    // 码云图标
    gitee: {
      enable: false,
      url: '',
    },
    // 图片灯箱
    imagebox: {
      enable: true,
    },
    // 文章目录
    catalog: {
      enable: true,
    },
    // 右下角按钮组
    tools: {
      enable: true,
    },
    // live2d模型
    live2d: {
    enable: true,
    page: 'all',
    agent: 'pc',
    model: '小埋',
    width: 150,
    height: 200,
    position: 'left',
    gap: 'default',
    },
    // 点击特效
    click: {
      enable: true,
    },
    // 评论输入框表情
    emoji: {
    enable: true,
    buttonIcon: "

标签：enable,false,博客园,value,label,CSDN,https,true,美化	

From： https://www.cnblogs.com/zlzgzlz/p/17656741.html