我的博客园个性化设置

你想知道的我的博客园个性化设置这里都有哦～

 

博客园可以个性化设置一些功能，自定义博客园皮肤,接下来一一为大家讲解～

 

SimpleMemory 美化博客园的显示效果，提高用户体验 ~

 

这个主题文档

该主题常用js配置

 

window.cnblogsConfig = {
  cnzz: 123456,//网站统计
  info: {//info - 基础信息
    //name: 'userName', // 用户名 默认值：[默认抓取博客园用户名]
    avatar: "xxx.png", // 用户头像
    blogIcon: "xxx.png", //网站图标
    //startDate: '2021-01-01', // 入园时间，年-月-日。入园时间查看方法：鼠标停留园龄时间上，会显示入园时间
  },
  sidebar: {// 侧边栏
    //个人信息背景
    infoBackground: "xxxx.jpg",
    // 列表数据 ['导航名称', '链接', 'icon']
    // navList: [
    //   ["我的博客1", "https://www.cnblogs.com/bndong/", "icon-github"],
    //   ["我的博客2", "https://www.cnblogs.com/bndong/", "icon-github"]
    // ],
    // customList: {
    //   "title1": { // 标题
    //     "data": [ // 列表数据 ['列表', '链接']
    //       ['我的博客1', 'https://www.cnblogs.com/bndong/'],
    //       ['我的博客2', 'https://www.cnblogs.com/bndong/'],
    //       ['我的博客3', 'https://www.cnblogs.com/bndong/'],
    //       ['我的博客4', 'https://www.cnblogs.com/bndong/'],
    //       ['我的博客5', 'https://www.cnblogs.com/bndong/'],
    //     ],
    //     "icon": "icon-brush_fill" // 配置图标，参考文档：定制化/字体图标库
    //   },
    //   "title2": { // 标题
    //     "data": [ // 列表数据 ['列表', '链接']
    //       ['我的博客6', 'https://www.cnblogs.com/bndong/'],
    //       ['我的博客7', 'https://www.cnblogs.com/bndong/'],
    //       ['我的博客8', 'https://www.cnblogs.com/bndong/'],
    //       ['我的博客9', 'https://www.cnblogs.com/bndong/'],
    //       ['我的博客10', 'https://www.cnblogs.com/bndong/'],
    //     ],
    //     "icon": "icon-brush_fill" // 配置图标，参考文档：定制化/字体图标库
    //   },
    // },
  },
  banner: {//主页banner图片
    home: {//主页banner图片Url，推荐尺寸>= 1920*1080，支持多张，每次刷新随机设置一张。
      background: [
        "xxxx.jpg",
        "xxxx.jpg",
      ],
      //title: '每一个不曾起舞的日子，都是对生命的辜负。',//主页banner标语
    },
    article: {//文章页头图
      background: [
        "xxxx.jpg",
        "xxxx.jpg",
      ],
    },
  },
  // loading: {//加载loading
  //   rebound: {
  //     tension: 16,
  //   },
  //   spinner: {
  //     id: 'spinner',
  //     radius: 90,
  //   }
  // },
  progressBar: {//顶部进度条
    color: "#77b6ff",
  },
  footer: {//页脚样式共两种
    style: 2,
    // text: {//页脚标语左右侧文字
    //   left: '好好学习',
    //   right: '天天向上',
    //   iconFont: {//字体图标
    //     icon: "icon-xl",
    //     color: "red",
    //     fontSize: "16px"
    //   }
    // },
  },
  // links: {// 页脚友链
  // footer: [
  //   ["申请坑位", 'https://msg.cnblogs.com/send/BNDong'],
  //   ["申请坑位", 'https://msg.cnblogs.com/send/BNDong'],
  //   ["申请坑位", 'https://msg.cnblogs.com/send/BNDong'],
  //   ["申请坑位", 'https://msg.cnblogs.com/send/BNDong'],
  //   ["申请坑位", 'https://msg.cnblogs.com/send/BNDong'],
  // ],
  // page: [//友链页
  //   {
  //     name: 'BNDong', // 昵称
  //     introduction: 'IT技术类博客', // 简介
  //     avatar: 'https://blog.dbnuo.com/images/avatar.gif', // 头像
  //     url: 'https://blog.dbnuo.com' // 友链地址
  //   },
  // ],
  //},
  // rtMenu: {//二维码
  //   qrCode: 'https://x1.jpg',
  //   reward: {// 赞赏
  //     alipay: 'https://x1.jpg', // 支付宝收款码
  //     wechatpay: 'https://x2.jpg'// 微信收款码
  //   },
  //   downScrollDom: '#blog_post_info_block',//跳至底部位置定义
  // },

  animate: {//动效配置
    //文章页标题动效配置
    articleTitle: {
      enable: true,
    },
    //文章页banner动效配置。
    articleBanner: {
      enable: true,
    },
    //背景动效。
    background: {
      enable: true,
    },
    //banner背景图自动切换动效。
    bannerImages: {
      enable: true,
    },
    //主页banner动效配置。
    homeBanner: {
      enable: true,
      options: {
        radius: 15,
      },
    },
    //文章页标题动效配置。
    articleTitle: {
      enable: true,
    },
    //文章页banner动效配置。
    articleBanner: {
      enable: true,
    },
  },
  //使用何种方式渲染代码。
  code: {
    type: "hljs",
    options: {
      line: true, //line - 代码行号渲染
      hljs: {
        theme: 'atom-one-dark-reasonable',
        languages: ['XML', 'Java', 'JavaScript']
      },
    },
  },
  //用于设置文章目录显示在文章的左侧还是右侧，配置项：right、left
  articleDirectory: {
    position: "right",
    minBodyWeight: 1400,
  },
  switchDayNight: {
    enable: true, // 是否开启日/夜间模式切换按钮　 
    nightMode: true, // 强制夜间模式 （版本 >= v2.0.6） 　
    auto: { // 自动切换相关配置 　　
      enable: false, // 开启自动切换 　　
      dayHour: 5, // 日间模式开始时间，整数型，24小时制　　
      nightHour: 19 // 夜间模式开始时间，整数型，24小时制
    }
  }
};