首页 > 其他分享 >博客园主题2

博客园主题2

时间:2022-11-22 18:00:34浏览次数:70  
标签:enable false 博客园 主题 value label https true

https://www.yuque.com/awescnb

1、修改博客皮肤为 Custom

2、在页面定制 CSS 代码 中 ( 注意要勾选禁用模本默认CSS ) 添加以下地址中的css代码:

#loading{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999;background-color:#f4f5f5;pointer-events:none;}.loader-inner{will-change:transform;width:40px;height:40px;position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px;background-color:#3742fa;border-radius:50%;animation:scaleout 0.6s infinite ease-in-out forwards;text-indent:-99999px;z-index:999991;}@keyframes scaleout{0%{transform:scale(0);opacity:0;}40%{opacity:1;}100%{transform:scale(1);opacity:0;}}
.cnblogs-markdown :not(pre,div,td)>code, .blogpost-body :not(pre,div,td)>code{ /* `内容` 的格式*/
    color:#d83b64!important;
    background-color: #f9f2f4!important;
    font-family: "Fira Code", Consolas, "Lucida Console", "Courier", monospace, "Helvetica Neue", Helvetica, Arial sans-serif!important;
    font-size: 100%!important;}
.cnblogs-markdown mark{
    border-radius:100px!important;  /*高亮部分周围变圆,更像荧光笔*/
    background-color:yellow!important;
}

3、页首HTML代码

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

4、博客侧边栏公告 代码(格式选择 html):

<!-- @format -->

<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>
  const opts = {
    // 基本配置
    theme: {
      name: 'geek',
      color: '#69b6e4',
      title: '',
      avatar: 'https://fastly.jsdelivr.net/gh/Angelia-Wang/blogImage/img/me.jpg',
      favicon: 'https://fastly.jsdelivr.net/gh/Angelia-Wang/blogImage/img/me2.png',
      headerBackground: 'https://fastly.jsdelivr.net/gh/Angelia-Wang/blogImage/img/20221122142928.png',
    },
    // 代码高亮
    highLight: {
      enable: true,
    },
    // 代码行号
    lineNumbers: {
      enable: false,
    },
    // github图标
    github: {
      enable: true,
      url: 'https://github.com/Angelia-Wang',
    },
    // 码云图标
    gitee: {
      enable: false,
      url: '',
    },
    // 图片灯箱
    imagebox: {
      enable: true,
    },
    // 文章目录
    catalog: {
      enable: true,
      position: 'right',
    },
    // 右下角按钮组
    tools: {
      enable: true,
       initialOpen: false,
    },
    // live2d模型
    live2d: {
      enable: false,
      model: 'haru-01',
    },
    // 点击特效
    click: {
      enable: true,
      auto: false,
      colors: ['#ffb3be', '#66ccff', '#cc99ff',],
      size: 30,
      maxCount: 50,

    },
    // 暗色模式
    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: '', // 颜色
      },
      audio: [
        {
          name: '404 not found',
          artist: 'REOL',
          url: 'https://guangzan.gitee.io/imagehost/awescnb/music/demo4.mp3',
          cover: 'https://guangzan.gitee.io/imagehost/awescnb/music/demo.jpg',
          lrc: ``,
        },
      ],
    },
    // 随笔头图
    postTopimage: {
      enable: false,
    },
    // 随笔尾图
    postBottomimage: {
      enable: false,
    },
    // 打赏二维码
    donation: {
      enable: false,
      qrcodes: [],
    },
    // 个性签名
    signature: {
      enable: true,
      contents: [
        "<b style='color:#ff6b81;text-shadow:0 0 0px #151728'>曾经沧海难为水,除却巫山不是云。</b>",
        "<b style='color:#ff6b81;text-shadow:0 0 0px #151728'>路漫漫其修远兮,吾将上下而求索。</b>"
      ],
    },
    // 侧边栏二维码
    qrcode: {
      enable: false,
      img: '',
      desc: '',
    },
    // 弹出公告
    notice: {
      enable: true,
      text:['双击导航条锁屏

标签:enable,false,博客园,主题,value,label,https,true
From: https://www.cnblogs.com/angelia-wang/p/16915960.html

相关文章