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

本文将使用博客园自带的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就可以直接用了，还是建议可以去看看官方文档啥的
posted @ 2020-03-07 15:22  localhost_ha  阅读(309)  评论(10)  编辑  收藏  举报