博客园主题分享

更改后台设置

设置皮肤

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/Cnblogs-Theme-SimpleMemory@v2.1.2/dist/simpleMemory.js" defer></script>

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

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

主题原作者:

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

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

posted @ 2022-10-22 13:54  d浩然  阅读(54)  评论(0)    收藏  举报