主题美化—SimpleMemory

美化官方文档

博客园自带的主题不太好看，突然发现这个这个我很中意，就使用这个主题了，在文档的基础上做了一些定制。

简介 - Document (bndong.github.io)

定制的页面样式代码

查看代码

<script type="text/javascript">
    window.cnblogsConfig = {
        info: {
            name: '杜森', // 用户名
            startDate: '2021-01-01', // 入园时间，年-月-日。入园时间查看方法：鼠标停留园龄时间上，会显示入园时间
            avatar: 'https://blog-static.cnblogs.com/files/blogs/775512/tx.gif?t=1668263554', // 用户头像
            blogIcon: 'https://blog-static.cnblogs.com/files/blogs/775512/tx.gif?t=1668263554',
        },
        sidebar: { // 列表数据 ['导航名称', '链接', 'icon']
            navList: [
                ['我的博客', 'https://www.cnblogs.com/dusen/', 'icon-github'],
            ],
            // infoBackground - 个人信息背景
            infoBackground: 'https://w.wallhaven.cc/full/zy/wallhaven-zyxvqy.jpg',
            // titleMsg - 侧边栏title信息
            titleMsg: '欢迎访问本博客~',
        },
        customList: {
            "title1": { // 标题
                "data": [ // 列表数据 ['列表', '链接']
                    ['我的博客', 'https://www.cnblogs.com/dusen/'],
                ],
                "icon": "icon-brush_fill" // 配置图标，参考文档：定制化/字体图标库
            },
        },
        // background - 主页banner图片
        banner: {
            home: {
                background: [
                    "https://files.dbnuo.com/wallpaper/wallhaven-2ew3pm.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-83yl1y.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-xl67ov.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-ne7lr8.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-96w8e8.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-dgojvj.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-4ylgl0.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-39qjjd.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-13mk9v.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-6k88jq.webp",
                ],
                // title - 主页banner标语
                titleSource: 'one',
            },
            // article - 文章页头图background - 文章页banner图片
            article: {
                background: [
                    "https://files.dbnuo.com/wallpaper/wallhaven-4o5zm9.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-r2yjg1.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-13dv2g.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-4gj334.webp",
                    "https://files.dbnuo.com/wallpaper/wallhaven-r2yjg1.webp",
                ],
            },
        },
        //progressBar - 顶部进度条
        progressBar: {
            color: '#77b6ff',
        },
        // 页脚样式
        footer: {
            //页脚显示样式
            style: 1,
            text: {
                left: '好好学习',
                right: '天天向上',
                //字体图标
                iconFont: {
                    icon: "icon-xl",
                    color: "green",
                    fontSize: "16px"
                }
            },
        },
        //主页动效
        animate: {
            homeBanner: {
                enable: true,
                options: {
                    radius: 15,
                }
            },
            //articleTitle - 文章页标题动效
            articleTitle: {
                enable: true,
            },
            //articleBanner - 文章页banner动效
            articleBanner: {
                enable: true,
            },
            //background - 背景动效
            background: {
                enable: true,
            },
            //bannerImages - banner背景图自动切换动效
            bannerImages: {
                enable: true,
            },
            //backgroundMouse - 背景动效
            backgroundMouse: {
                enable: true,
            },
            //mouse - 背景动效
            mouse: {
                enable: true,
            },
        },
        //code - 代码 type - 代码渲染类型
        code: {
            type: 'hljs',
            options: {
                hljs: {
                    theme: 'atom-one-dark-reasonable',
                    languages: ['Bash', 'CSS', 'Dockerfile', 'Go', 'HTML', 'XML', 'HTTP']
                },
                //maxHeight - 代码框高度限制
                maxHeight: '70vh',
                //line - 代码行号渲染
                line: true,
                //macStyle - mac风格代码框
                macStyle: true,
                //fontSize - 代码字体大小
                fontSize: 20,
            },
        },
        //aboutHtml - 关于博主
        articleSuffix: {
            aboutHtml: "杜森的博客",
            //版权声明
            copyrightHtml: "版权...",
        },
    }
</script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v2.1.0/dist/simpleMemory.js" defer></script>
<!-- 版本备份 -->
<!-- <script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v2.1.2/dist/simpleMemory.js" defer></script> -->