标签：Cnblogs light cdn dark Theme atelier https SimpleMemory gh

博客园美化配置文件

感谢Cnblogs-Theme-SimpleMemory项目

使用版本v2.1.0

官方配置指南

配置文件

这是我个人参考官方的配置指南根据自己的需求配置的, 部分功能添加后效果不理想故而注释

用户图像横幅图片,推荐下载保存到本地然后上传到 Github 再用此连接。

防止日后图片链接失效，修改麻烦。

或者上传至 gitee

如果Github访问速度慢

使用 https://cdn.jsdelivr.net/gh /后面跟上仓库名/图片路径, 加速即可

如：https://cdn.jsdelivr.net/gh/shenghuang147/blogs_image/Blogs/cnblog_banner01.jpg

更多加速方法自行百度

<script type="text/javascript">
    window.cnblogsConfig = {
      // 基础配置
      info: {
        name: '假文艺青年。', // 用户名
        startDate: '2021-01-01', // 入园时间，年-月-日。入园时间查看方法：鼠标停留园龄时间上，会显示入园时间
        avatar: 'https://cdn.jsdelivr.net/gh/shenghuang147/blogs_image/Blogs/cnblogs.jpg', // 用户头像
        blogIcon: 'https://cdn.jsdelivr.net/gh/shenghuang147/blogs_image/Blogs/cnblogs.jpg', // 网站图标
      },

      // 侧边栏配置
      sidebar: { 

        // 侧边栏置顶标题
        titleMsg: '假文艺青年。',

        // 侧边栏背景图
        infoBackground: "https://cdn.jsdelivr.net/gh/shenghuang147/blogs_image/Blogs/cnblog_banner02.webp",

        // 列表数据 ['导航名称', '链接', 'icon']
        navList: [
          ['Github', 'https://github.com/shenghuang147', 'icon-github'],
          ['QQ', 'https://qm.qq.com/cgi-bin/qm/qr?k=V7KatCjxQATdNBJZU25RmxkhEzKlVdz8&noverify=0', 'icon-logo_QQ'],
        ],

      },
      // 主页横幅设置
      banner: {
        // 主页
        home: {
          // 主页背景图
          background: [
            "https://cdn.jsdelivr.net/gh/shenghuang147/blogs_image/Blogs/cnblog_banner01.jpg",  // 狗头居中
            "https://cdn.jsdelivr.net/gh/shenghuang147/blogs_image/Blogs/cnblog_banner02.webp",  // 狗头看日出
            "https://cdn.jsdelivr.net/gh/shenghuang147/blogs_image/Blogs/cnblog_banner03.jpg",  // 原谅色树林
            "https://cdn.jsdelivr.net/gh/shenghuang147/blogs_image/Blogs/cnblog_banner04.jpg",  // 鹿鹿日落吃草
            ],
          // 主页标语
          title: [
            "高筑墙，广积粮，缓称王",
            "花有重开日，人无再少年",
            "我偶尔爱你，爱你人前光鲜璀璨，像是流星；\
                            我永远爱你，爱你人后的脆弱，用心，自然而然。",
            "你我山前没相见，山后别相逢",
            "学海无涯，学以致用",
            "山外有山，人外有人",
          ],        
        },
        // 文章横幅设置
        article: {
          // 文章横幅背景图片
          background: [
            "https://cdn.jsdelivr.net/gh/shenghuang147/blogs_image/Blogs/cnblog_banner01.jpg",
            "https://cdn.jsdelivr.net/gh/shenghuang147/blogs_image/Blogs/cnblog_banner02.webp",
            // 绿树林"https://cdn.jsdelivr.net/gh/shenghuang147/blogs_image/Blogs/cnblog_banner03.jpg",
            "https://cdn.jsdelivr.net/gh/shenghuang147/blogs_image/Blogs/cnblog_banner04.jpg",
            ],

        },
    },

    // 暗夜模式
    switchDayNight: {
      // 亮色 暗色 切换按钮
      enable: true,
      // 默认 暗色模式
      nightMode: true,
      auto: {
        // 自动切换配色
        enable: false
      }
    },

    // 动效设置
    animate: {
      // 主页横幅底层气泡动效
      homeBanner: {
        enable: true,
        options: {
          radius: 15,
          // 设置气泡颜色
          color: 'random',
        }
      },
      // 背景动效
      background: {
        enable: true,
      },
      // 背景动效跟随鼠标
      backgroundMouse: {
        enable: true,
      },

      /* 鼠标样式
      mouse: {
        enable: true,
      },
      */

      /* 横幅图片自动切换
      bannerImages: {
        enable: true,
      },
      */
    },
    
    // 代码渲染
    code: {
      type: 'hljs',
      options: {
        
        // 显示代码行号
        line: true,
        
        hljs: {
          /** 所有可配置项
          default、a11y-dark、a11y-light、agate、an-old-hope、androidstudio、arduino-light、arta、ascetic
          、atelier-cave-dark、atelier-cave-light、atelier-dune-dark、atelier-dune-light、atelier-estuary-dark
          、atelier-estuary-light、atelier-forest-dark、atelier-forest-light、atelier-heath-dark
          、atelier-heath-light、atelier-lakeside-dark、atelier-lakeside-light、atelier-plateau-dark、atelier-plateau-light
          、atelier-savanna-dark、atelier-savanna-light、atelier-seaside-dark、atelier-seaside-light
          、atelier-sulphurpool-dark、atelier-sulphurpool-light、atom-one-dark-reasonable、atom-one-dark、atom-one-light
          、brown-paper、codepen-embed、color-brewer、darcula、dark、darkula、docco、dracula、far
          、foundation、github-gist、github、gml、googlecode、grayscale、gruvbox-dark、gruvbox-light、hopscotch
          、hybrid、idea、ir-black、isbl-editor-dark、isbl-editor-light、kimbie.dark、kimbie.light、lightfair
          、magula、mono-blue、monokai-sublime、monokai、nord、obsidian、ocean、paraiso-dark、paraiso-light、pojoaque
          、purebasic、qtcreator_dark、qtcreator_light、railscasts、rainbow、routeros、school-book、shades-of-purple
          、solarized-dark、solarized-light、sunburst、tomorrow-night-blue、tomorrow-night-bright
          、tomorrow-night-eighties、tomorrow-night、tomorrow、vs、vs2015、xcode、xt256、zenburn
          */
          // 代码主题
          theme: 'shades-of-purple',
          // 该主题应用于 那些语言
          // languages: ['Bash', 'CSS', 'Dockerfile', 'Go', 'HTML', 'XML', 'HTTP']
        },
      }, 
    },

    // 文章后缀声明
    articleSuffix: {
      // 后缀头像
      imgUrl: 'https://cdn.jsdelivr.net/gh/shenghuang147/blogs_image/Blogs/cnblogs.jpg',
      // 关于博主
      //aboutHtml: " 评论和私信会在第一时间回复。或者",
      // 版权声明
      //copyrightHtml: "版权...",
      // 声援
      //supportHtml: "声援...",

    },

    // consoleList - 控制台输出 暂不清楚用途
    /*
    consoleList: [
      ['BNDong CNBlogs', 'https://www.cnblogs.com/jwyqn'],
      ['BNDong GitHub', 'heeps://'],
      ['BNDong Email', 'xxx@gmail.com'],
    ],
    */

    // 网站统计
    cnzz: "1281105772",
  

  }
      
</script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v2.1.0/dist/simpleMemory.js" defer></script>

标签：Cnblogs,light,cdn,dark,Theme,atelier,https,SimpleMemory,gh
来源： https://www.cnblogs.com/jwyqn/p/16207248.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。