首页 > 其他分享 >cnblogs 侧边栏

cnblogs 侧边栏

时间:2023-11-12 12:44:05浏览次数:34  
标签:cos cnblogs 侧边 https com myqcloud chengdu

<script type="text/javascript">
    window.cnblogsConfig = {
        info: {
            name: 'Martian148', // 用户名 || 不配置默认取博客园名称
            startDate: '2018-10-13', // 入园时间,年-月-日。入园时间查看方法:鼠标停留园龄时间上,会显示入园时间
            avatar: 'https://pic-1301573324.cos.ap-chengdu.myqcloud.com/20231112115339.jpg', // 用户头像
        },
        
        sidebar: {
            // 列表数据 ['导航名称', '链接', 'icon']
            navList: [
                ['随笔', 'https://i.cnblogs.com/posts/edit', 'icon-brush-fill'],
                ['GitHub', 'https://github.com/chengyiwei', 'icon-github'],
                ['Cnblogs', 'https://www.cnblogs.com/martian148/', 'icon-cnblogs'],
                ['刷题列表', 'https://placid-gate-165.notion.site/483ee7a18b614e339b456f3777a3642d?v=61ff664b1ca24247b59d73c2382607e6&pvs=4', 'icon-book'],
                ['友链', 'https://www.cnblogs.com/martian148/p/17826681.html', 'icon-lianjie'],
            ],
            
            //侧边栏背景图片
            infoBackground: 'https://images.cnblogs.com/cnblogs_com/wangyang0210/1943283/o_220918180339_wallhaven-g7og6e_522x929.webp',
            
            //侧边栏 title 信息
            titleMsg: '欢迎访问Martian148的博客~',

        },

        banner: {
            home: {
                //主页 banner 图片 Url,推荐尺寸>= 1920*1080,支持多张,每次刷新随机设置一张。
                background: [
                    'https://pic-1301573324.cos.ap-chengdu.myqcloud.com/20231112111259.jpg',
                    'https://pic-1301573324.cos.ap-chengdu.myqcloud.com/20231112112149.jpg',
                    'https://pic-1301573324.cos.ap-chengdu.myqcloud.com/20231112112242.jpg',
                    'https://pic-1301573324.cos.ap-chengdu.myqcloud.com/20231112112340.jpg',
                    'https://pic-1301573324.cos.ap-chengdu.myqcloud.com/20231112112409.jpg',
                    'https://pic-1301573324.cos.ap-chengdu.myqcloud.com/20231112112433.jpg',
                    'https://pic-1301573324.cos.ap-chengdu.myqcloud.com/20231112112553.png',
                ],

                //主页 banner 标语,随机从数组中获取一条文字显示
                title: ['学无止境  谦卑而行', '心具不死  踏尸前行'],

                //文章页 
                
            },

            article: {
                //banner 图片 图片 Url,推荐尺寸>= 1920*1080,支持多张,每次刷新随机设置一张。
                background: [
                    'https://pic-1301573324.cos.ap-chengdu.myqcloud.com/20231112111404.jpg',
                ],
            },
        },

        //页脚样式
        footer: {
            style: 1,
        },
        
        //友链
        links: {
            page: [
                {
                    title: '友情链接', // 标题
                    icon: 'icon-lianjie', // iconfont
                    style: 'color: #a78bfa;', 
                    links: [
                        {
                            name: 'Martian148', // 昵称
                            introduction: '蒟蒻本人', // 简介
                            avatar: 'https://pic-1301573324.cos.ap-chengdu.myqcloud.com/20231112115339.jpg', // 头像
                            url: 'https://www.cnblogs.com/martian148' // 友链地址
                        },
                    ]
                },
            ],
        },

        //日/夜间模式配置
        switchDayNight: {
            enable: true, //是否开启日/夜间模式切换按钮
            nightMode: false, // 强制夜间模式
        },

        // 动效设置
        animate: {
            homeBanner: { //主页下面冒气泡
                enable: true, 
                options: {
                    radius: 15,
                },
            },

            mouse: { //鼠标特效
                mouse: { //鼠标变圆圈 
                    enable: true,
                    options: {
                        size: 8,
                        sizeF: 36,
                    },
                },

                bubble: { //气泡跟随鼠标移动
                    enable: false,
                    options: {
                        live: 30,
                        colors: ['149, 197, 252', '224, 199, 252'],
                        quantity: 15,
                        size: 5,
                    },
                },
            },

            avatar: { //点一下侧边栏的头像会转一下
                enable: true,
            },
        },
    
        code: { //代码设置
            type: 'hljs',
            options: {
                hljs: { 
                    theme: 'atom-one-dark-reasonable',
                    languages: ['Bash', 'CSS', 'Dockerfile', 'Go', 'HTML', 'XML', 'HTTP','cpp','python'],
                },

                maxHeight: '70vh', //代码框高度限制

                line: true, //是否开启行号

                macStyle: false, //Mac风格代码框
            },
        },

        articleSuffix: {
            aboutHtml: '一名热爱文学的理科生', //关于博主
            copyrightHtml: '如需转载,请标明出处', //版权声明

        },

        rtMenu: {  //底部右下角菜单
            qrCode: 'https://pic-1301573324.cos.ap-chengdu.myqcloud.com/20231112113233.png', //二维码
        },

        memorialDays: [], //纪念日,网站编程灰色

        articleContent: {
            commentBackground: {
                enabled: true,
                options: {
                    day: 'rgba(0, 0, 0, 0) url("https://images.cnblogs.com/cnblogs_com/wangyang0210/1943283/o_230301073716_comment_bg_day.png") no-repeat scroll 100% 31% / 35% padding-box border-box',
                    night: 'rgba(0, 0, 0, 0) url("https://images.cnblogs.com/cnblogs_com/wangyang0210/1943283/o_230301073520_comment_bg_dark.png") no-repeat scroll 100% 31% / 35% padding-box border-box',
                },
            },
        },
    }
    
</script>
<script src="https://cdn.jsdelivr.net/gh/wangyang0210/[email protected]/dist/simple-memory.js" defer></script>

标签:cos,cnblogs,侧边,https,com,myqcloud,chengdu
From: https://www.cnblogs.com/martian148/p/17826997.html

相关文章

  • vue2实现动态侧边导航栏
    router文件下index.js 来源http://blog.itpub.net/69978258/viewspace-2909200///index.tsimportVuefrom'vue';importVueRouterfrom'vue-router';importLoginfrom'@/views/login/index.vue';importLayoutfrom'@/layout/ind......
  • selenium等待元素加载,元素操作,执行js,切换选项卡,前进后退,异常处理,登录cnblogs,抽
    1selenium等待元素加载......
  • redhat --修改时区 转发 https://www.cnblogs.com/rongren/p/12600869.html
    LINUXredhat修改时间 在LINUX系统中,时间分为两个部分,一个是系统时间,只针对运行时,重启后就无用,二是主板时间,系统重启后,自动从主板中获取时间。一、查看时间  date命令:查看当前时间二、修改时间 时间修改有两种方法(一)修改系统时间,然后执行命令从系统同步时间 1、......
  • PDMS & AM 侧边栏菜单 C# WPF技术
    项目的完整下载地址https://files.cnblogs.com/files/NanShengBlogs/AMCSTest.zip?t=1698491030&download=true先看效果 下面先看实现的几个函数1#创建wpf的用户控件,无选项的参考此链接修改csproject文件类库项目添加wpf方法写入下列代码<UserControlx:Class="AMCSTe......
  • 从零用VitePress搭建博客教程(5) - 如何自定义页面模板、给页面添加独有的className和
    接上一节:从零用VitePress搭建博客教程(4)–如何自定义首页布局和主题样式修改?上一节其实我们也简单说了自定义页面模板,这一节更加详细一点说明,开始之前我们要知道在vitePress中,.md的文件是可以直接编写vue的代码的。比如我们现在来自定义一个前端网址导航页面八、自定义一些......
  • 依照教程实现了动态的侧边栏(C#)
    心得说明原来C#的动态效果是通过timer组件的运用实现的(start、stop);真的直接发现了各个组件的属性的重要性,不然真的很难解决问题;这里我觉得吧,先把组件的各个属性搞清楚,那么搭建系统就不会云里雾里了,首先逻辑就会很清晰了~后端具体代码usingSystem;usingSystem.Collections.......
  • BitBake使用攻略--BitBake的语法知识二(转载自https://www.cnblogs.com/chegxy/archive
    目录写在前面1.BitBake中的任务2.任务配置2.1依赖2.1.1内部任务间的依赖2.1.2不同菜谱下的任务间依赖2.1.3运行时态下的依赖2.1.4递归依赖2.1.5任务间的依赖2.2事件2.3校验和3.ClassExtensionMechanism 写在前面这是《BitBake使用攻略》系......
  • BitBake使用攻略--从HelloWorld讲起 (转载自:https://www.cnblogs.com/chegxy/p/1571811
    目录写在前面1.什么是BitBake2.BitBake的安装3.使用BitBake构建一个HelloWorld工程后续 写在前面《BitBake使用攻略》系列文章将从今天开始不定时的更新,主要讲解BitBake的背景,基本语法,功能及其命令等知识,旨在为即将从事Yocto项目和OpenEmbedded项目的同学做一些预......
  • 转载 https://www.cnblogs.com/star521/p/13385181.html --PGSQL-脏数据清理,频繁de
    查看表大小--查出所有表(包含索引)并排序--查出所有表(包含索引)并排序SELECTtable_schema,table_nameAStable_full_name,pg_size_pretty(pg_total_relation_size('"'||table_schema||'"."'||table_name||'"'))ASsizeFROMinfor......
  • 安防监控/视频监控EasyCVR平台界面侧边栏优化
    视频汇聚/视频云存储/集中存储/视频监控管理平台EasyCVR能在复杂的网络环境中,将分散的各类视频资源进行统一汇聚、整合、集中管理,实现视频资源的鉴权管理、按需调阅、全网分发、云存储、智能分析等,视频智能分析平台EasyCVR融合性强、开放度高、部署轻快,在智慧工地、智慧园区、智慧......