本文将使用博客园自带的SimpleMemory样式与GitHub上的开源项目https://github.com/BNDong/Cnblogs-Theme-SimpleMemory来搭建目前使用的这个博客样式。
1.页面定制CSS代码
- 建议使用最新版本的,本文使用版本为1.2.6
- 记得一定要禁用模板默认CSS
- 去这里将那一行代码复制粘贴下来:https://github.com/BNDong/Cnblogs-Theme-SimpleMemory/blob/master/src/style/base.min.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就可以直接用了,还是建议可以去看看官方文档啥的