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

博客园主题分享

时间:2022-10-22 14:00:07浏览次数:89  
标签:full cc 博客园 主题 wallhaven jpg https 分享 true

更改后台设置

设置皮肤

image

代码高亮

取消显示行号

image

禁用默认css

image

主题代码

页面定制css代码

由于css代码比较多,就不在这里贴出了

https://github1s.com/codehaoran/bokeyuan_theme/blob/HEAD/dist/simpleMemory.css#L1

复制这个链接中的simpleMemory.css中的所有代码(ctrl+a,ctrl+c)

image

将代码复制在定制css一栏

博客侧边栏公告

将以下代码复制在博客侧边栏公告中

<script type="text/javascript">
    window.cnblogsConfig = {
        code: {
            options: {
                macStyle: true,
                line: true,
                fontSize: 20,
            },
        },
        info: {
            avatar: 'http://img01.yohoboys.com/contentimg/2018/11/22/13/0187be5a52edcdc999f749b9e24c7815fb.jpg', // 用户头像
        },
        banner: {
            home: {
                background: [
                    "https://w.wallhaven.cc/full/y8/wallhaven-y8622k.jpg",
                    "https://w.wallhaven.cc/full/6o/wallhaven-6ozkzl.jpg",
                    "https://w.wallhaven.cc/full/v9/wallhaven-v9v3r5.jpg",
                    "https://w.wallhaven.cc/full/e7/wallhaven-e7jj6r.jpg",
                    "https://w.wallhaven.cc/full/9m/wallhaven-9mkydk.jpg"
                ],
                titleSource: 'one'
            },
            article: {
                background: [
                    "https://w.wallhaven.cc/full/5g/wallhaven-5gdkw3.jpg",
                    "https://w.wallhaven.cc/full/d6/wallhaven-d65eyl.jpg",
                    "https://w.wallhaven.cc/full/vq/wallhaven-vqmyq3.jpg",
                ],
            },
        },
        loading: {
            rebound: {
                tension: 16,
            },
            spinner: {
                id: 'spinner',
                radius: 90,
            }
        },
        switchDayNight: {
            enable: true,
            auto: {
                enable: true
            }
        },
        animate: {
            articleTitle: {
                enable: true,
            },
            homeBanner: {
                enable: true,
                options: {
                    radius: 15,
                }
            },
            articleBanner: {
                enable: true,
            },
        }
    }
</script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/[email protected]/dist/simpleMemory.js" defer></script>

这只是我个人设置的配置,具体还有很多配置在下面这个文档中

https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v2/#/

主题原作者:

https://github.com/BNDong/Cnblogs-Theme-SimpleMemory

非常感谢原作者提供精美主题!

标签:full,cc,博客园,主题,wallhaven,jpg,https,分享,true
From: https://www.cnblogs.com/codehaoran/p/16815992.html

相关文章

  • 博客园主题样式 代码
    博客样式设置代码地址主题样式代码gitEE仓库仓库地址https://gitee.com/esofar/cnblogs-theme-silence感谢!@esofar......
  • 分享几个好玩儿的GitHub项目
    首先在这里祝大家十一假期愉快哈~不知道大家七天的假期都准备干嘛,可能是在家学习?在路上学习?还是在公司学习呢?不管怎样,有一点我敢肯定:当你在学习的时候,你一定是在学习!哈哈哈......
  • K近邻KNN算法原理与R语言结合新冠疫情对股票价格预测|数据分享|附代码数据
    全文下载链接:http://tecdat.cn/?p=24057本文的目标是使用K-最近邻(K近邻),ARIMA和神经网络模型分析Google股票数据集(查看文末了解数据获取方式)预测Google的未来股价,然后分析......
  • Android 软键盘删除键触发问题分享
    本文解决的问题:Android输入法软键盘删除键点击多次,只触发一次删除事件本文示例代码地址:Android软键盘删除键触发示例代码背景笔者维护的app功能中,有个图文编辑器,由......
  • web share api 分享
    概述Navigator.share() 方法通过调用本机的共享机制作为WebShareAPI的一部分。如果不支持WebShareAPI,则此方法为 undefined。此项功能仅在一些支持的浏览器的......
  • 通过Typora写博客并上传到博客园
    通过Typora写博客并上传到博客园一.下载Typora这一步不过多介绍,下载完不激活也不影响使用二.下载dotnetdotnet-cnblogs-tool作者github:https://github.com/stulzq/do......
  • 虹科分享 | 未来的电力行业是否安全?
    停电的风险马克·埃尔斯伯格(MarkElsberg)的科学惊悚片《停电》(Blackout)描绘了似乎是最黑暗的停电场景之一,其中潜在的肇事原因是虚假的时间和不同步。作者精彩地描述了一种意......
  • 给自己的博客园添加一点效果
    为自己的博客园添加motto漂浮效果^_^由于下面附的是图片,先在这里注明下:首先使用@keyfram定义帧动画,并且让最后的效果停留在最后一帧,移动属性使用transform在传入的app......
  • 我的梦想是拥有自己的个人网站,分享我的所思所想!
    作者:沈豪,上海财经大学,Datawhale成员centos服务器上能配置多网站多证书啦!再也不愁网站配置问题了!!前言:作为一名大四的本科生,我的梦想是拥有自己的个人网站,向所有人分享我的所......
  • uniapp 微信小程序分享到朋友、分享到朋友圈
    //分享到朋友圈onShareTimeline(){return{title:'鸣火',path:"pages/tabbar......