博客样式存档二 (目前样式)

本文将使用博客园自带的SimpleMemory样式与GitHub上的开源项目https://github.com/BNDong/Cnblogs-Theme-SimpleMemory来搭建目前使用的这个博客样式。

1.页面定制CSS代码

2.博客侧边栏公告

  • 网站图标图片是自己扣的一张阿夸(虽然已经高糊化),删除该行可恢复默认设置
  • 图片URL可以换成自己喜欢的图,可以把图传到图床上,我太懒了就直接传到博客园自带的相册里了
  • <script type="text/javascript">
        window.cnblogsConfig = {
    		GhVersions    : 'v1.2.6', // 版本
            blogUser      : "localhost-ha", // 用户名
            blogAvatar    : "https://images.cnblogs.com/cnblogs_com/localhost-ha/1663333/o_200307065904local.png", // 头像
            blogStartDate : "2019-10-22", // 入园时间,年-月-日。入园时间查看方法:鼠标停留园龄时间上,会显示入园时间
    		//网站图标图片Url:阿夸赛高!!!(超大声
            webpageIcon: "https://images.cnblogs.com/cnblogs_com/localhost-ha/1574941/o_200307064032aqua.png", 
    		//字体图标库扩展Css的Url
    		fontIconExtend: "//at.alicdn.com/t/font_543384_ezv3l7gd9r7.css", 
    		//菜单个人信息背景图片设置
    		menuUserInfoBgImg: 'https://files.dbnuo.com/wallpaper/menu_bg.gif', 
    		//主页banner图片Url,推荐尺寸>= 1920*1080,每次刷新随机设置一张
    		homeTopImg    : [
                "https://images.cnblogs.com/cnblogs_com/localhost-ha/1574941/o_200307020448v2-22a97d6de20055eabe3b1ff7ba25f634_r.jpg",
                "https://images.cnblogs.com/cnblogs_com/localhost-ha/1574941/o_v2-1a4746ed1ea37205de50e5ed282dc16a_r.jpg"
            ], 
    		//主页 banner 上的标语获取源
    		homeBannerTextType: "one", 
    		//文章页banner图片Url,推荐尺寸>= 1920*600
            essayTopImg: [
                "https://files.dbnuo.com/wallpaper/wallhaven-j82g35.webp",
                "https://files.dbnuo.com/wallpaper/wallhaven-2e37y9.webp",
                "https://files.dbnuo.com/wallpaper/wallhaven-lqddel.webp"
            ], 
    		//文章后缀配置
            essaySuffix: {
    	    aboutHtml: "可能又在摸鱼",
                copyrightHtml: '转载请注明出处', //版权声明,不配置使用默认
                supportHtml  : '如果看到我摸鱼请赶我去学习', 
            },
    		//使用prettify插件渲染代码高亮
            essayCodeHighlightingType: "prettify", 
            essayCodeHighlighting: "prettify", //prettify 代码高亮主题:prettify、desert、sunburst、obsidian、doxy
            //页脚样式
    		footerStyle: 2,
            //页脚标语
            bottomText: {
                left : "好好学习",
                right: "天天向上",
            }
        }
    </script>
    <script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v1.2.6/src/script/simpleMemory.min.js"></script>
    
    <!-- 是鼠标特效哒 -->
    <script src="https://blog-static.cnblogs.com/files/e-cat/cursor-effects.js"></script>
    

3.结束

  • 改改用户名还有里面的一些URL就可以直接用了,还是建议可以去看看官方文档啥的
原文地址:https://www.cnblogs.com/localhost-ha/p/12434481.html