博客园SimpleMemory主题美化

微信扫一扫,分享到朋友圈

博客园SimpleMemory主题美化

所有内容来自 marsggbo’github页面效果

页面定制CSS代码

由于js文件太长,点击链接获取。

博客侧边栏公告

<script type="text/javascript">
window.cnblogsConfig = {
GhVersions    : 'v1.3.2', // 版本
blogUser      : "WhaleFall541", // 用户名
blogAvatar    : "https://images.cnblogs.com/cnblogs_com/whalefall541/1815978/t_200730122732u=251289958,1860898046&fm=26&gp=0.jpg?a=1596263261858", // 用户头像
blogStartDate : "2020-04-28", // 入园时间
// 标签聚焦 失焦显示字样
webpageTitleOnblur: '(o゚v゚)ノ Hi',
webpageTitleOnblurTimeOut: 500,
webpageTitleFocus: '(*´∇`*) Welcome Back!',
webpageTitleFocusTimeOut: 1000,
// 设置网站图标图片
webpageIcon: "https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@master/img/webp/blog_logo.webp",
// 日/夜间模式自动切换
switchDayNight: {
enable: true,
auto: {
enable: true
}
},
// 页面加载loading
loading: {
rebound: {
tension: 16,
},
spinner: {
id: 'spinner',
radius: 90,
}
},
// 是否渲染主页banner动效 以及配置动态效果
homeTopAnimationRendered: true,
homeTopAnimation: {
color   : 'random',
},
// 是否渲染文章页banner动效 以及配置动态效果
essayTopAnimationRendered: true,
essayTopAnimation: {
triW : 14,
triH : 20,
},
// 是否渲染页面背景动效 以及配置动态效果
bgAnimationRendered: true,
backgroundAnimation: {
colorSaturation: "60%",
colorBrightness: "50%",
},
// 主页banner图片Url,推荐尺寸>= 1920*1080,支持多张,每次刷新随机设置一张。
homeTopImg: [
"https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@master/img/webp/home_top_bg.webp",
"https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@master/img/webp/home_top_bg.webp"
],
// 主页banner上的标语
homeBannerTextType: "one",
// 文章页banner图片Url,推荐尺寸>= 1920*600,支持多张,每次刷新随机设置一张。
essayTopImg: [
"https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@master/img/webp/nothome_top_bg.webp",
"https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@master/img/webp/nothome_top_bg.webp"
],
// 文章页后缀
essaySuffix: {
aboutHtml: "I am a good person",
},
// 限制代码框高度,开启行号
codeMaxHeight: true,
codeLineNumber: true,
// 设置代码框字体样式
essayCode: {
fontFamily: "'Ubuntu Mono',monospace", // 代码框字体
fontSize: "14px" // 代码框字体大小
},
// 设置博客园代码块样式
essayCodeHighlightingType: "highlightjs",
essayCodeHighlighting: "monokai-sublime",
// 页脚样式
footerStyle: 1,
bottomBlogroll: [ // 友情链接,[[链接名,链接]....]
["申请坑位", 'https://msg.cnblogs.com/send/WhaleFall541'],
["申请坑位", 'https://msg.cnblogs.com/send/WhaleFall541'],
["申请坑位", 'https://msg.cnblogs.com/send/WhaleFall541'],
["申请坑位", 'https://msg.cnblogs.com/send/WhaleFall541'],
["申请坑位", 'https://msg.cnblogs.com/send/WhaleFall541'],
],
// 页脚标语
bottomText: {
icon: ":heart:",   // v1.3.0 已废弃该配置
iconFont: {  // v1.3.0 新增配置
icon:  "icon-xl", // iconfont 图标名称
color: "red",     // 图标颜色
fontSize: "16px"  // 图标大小
},
left : "年少有为",
right: "再喝一杯无所谓"
},
// 控制台输出
consoleList: [
['BNDong CNBlogs', 'https://www.cnblogs.com/whalefall541/'],
['BNDong GitHub', 'https://github.com/whalefall541'],
['BNDong Email', '905400899@qq.com'],
],
// 关闭广告
advertising: false,
// 版本映射
//isVersionMapping: true,
}
</script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v1.3.2/src/script/simpleMemory.min.js"></script>

页首HTML代码

<!--鼠标点击效果-->
<script src="https://blog-static.cnblogs.com/files/e-cat/cursor-effects.js"></script>

页脚HTML代码

<!-- 为博客底部添加音乐组件 -->
<div id="player" ></div>
<link href="https://files.cnblogs.com/files/shwee/APlayer.min_v1.10.1.css" rel="stylesheet">
<script src="https://files.cnblogs.com/files/shwee/APlayer.min_v1.10.1.js"></script>
<script type="text/javascript">
const ap = new APlayer({
container: document.getElementById('player'),
fixed: true,
autoplay: false, //自动播放
audio: [
{
name: '少年',
artist: '梦然',
url: 'https://sharefs.yun.kugou.com/202007312156/bca63d525a16a0616f627034dd952225/G170/M07/16/11/SocBAF3H3aqAUYOEADmpdloW3bU827.mp3',
cover: 'http://singerimg.kugou.com/uploadpic/pass/softhead/100/20200316/20200316100918253.jpg',
},
{
name: '尘埃',
artist: '林小柯',
url: 'https://sharefs.yun.kugou.com/202007312152/ce719e234408f2a051036e82fa2d3c66/G234/M01/01/17/iocBAF8VC52AVMU_AEUrEl4PAeg694.mp3',
cover: 'http://singerimg.kugou.com/uploadpic/pass/softhead/100/20200717/20200717092613611085.jpg',
},
{
name: '飞鸟和禅',
artist: '任然',
url: 'https://sharefs.yun.kugou.com/202007312155/0a8845b6d04662ec100a2451d97e8feb/G229/M09/13/0F/xZQEAF79mTeAKaQYAEhIqW4SCKE706.mp3',
cover: 'http://singerimg.kugou.com/uploadpic/pass/softhead/100/20180511/20180511143205725.jpg',
},
{
name: 'Dancing With Your Ghost',
artist: 'Sasha Sloan',
url: 'https://sharefs.yun.kugou.com/202007312149/7211cbed6b9f9aff2c882cdcb559fa6a/G164/M08/10/05/5A0DAF0Tb5KAba2GADBLeoi7JDs405.mp3',
cover: 'http://y.gtimg.cn/music/photo_new/T002R300x300M000002G0MjC1C1DzQ.jpg',
},
{
name: '烟火人间',
artist: '添儿呗',
url: 'https://sharefs.yun.kugou.com/202007312155/75225268703973b37f5032773d57ca3e/G229/M06/11/05/xZQEAF7XTwaAGgahAEDY_d8fN9A054.mp3',
cover: 'http://singerimg.kugou.com/uploadpic/pass/softhead/100/20200414/20200414235715772797.jpg',
},
{
name: '摘仙',
artist: '伊格赛听、叶里',
url: 'https://sharefs.yun.kugou.com/202007312202/e6ce50923987a990b986d1b3af081d64/G201/M0A/03/05/qZQEAF47vMmAQQKJACuOCD-UTD4341.mp3',
cover: 'http://y.gtimg.cn/music/photo_new/T002R300x300M000004VNyEb4JwvZc.jpg',
}
]
});
ap.init();
</script>
<!--添加站点统计-->
<div id="cnzzProtocol" >
<span id='cnzz_stat_icon_你的id'></span>
<script src='https://v1.cnzz.com/z_stat.php?id=你的id&online=1&show=line' type='text/javascript'></script>
</div>
<!--图片放放大效果-->
<script type="text/javascript" src="https://blog-static.cnblogs.com/files/jajian/img.enlarge.js"></script>
<div id="outerdiv">
<img id="bigimg" src="" />
</div>

欢迎关注微信公众号哦~ ~

10大程序员必逛网站,良心推荐,建议收藏!

上一篇

Go 语言学习之错误处理

下一篇

你也可能喜欢

博客园SimpleMemory主题美化

长按储存图像,分享给朋友