博客园主题
Atum
侧边栏公告
<!-- 快速部署start-->
<script type="text/javascript">
(()=>{
//该处用于配置atum主题参数，具体配置参数可参考
let p={};
p.musicApiUrl = "https://api.i-meto.com/meting/api?server=netease&type=:type&id=:id&r=:r";
p.ingTitle = "憧憬是碎了满地凉凉的宝石，生活是一场大雨留下的潮湿";
p.themeStyle = "style1";
p.feelingBlogId = "12286815"; //闪存文章postid：在文章编辑状态在浏览器地址栏可以看到
p.extCss = ["https://blog-static.cnblogs.com/files/blogs/643017/theme3.css", "https://at.alicdn.com/t/font_1630741_bf02j4m9mhg.css"];
p.staticSrc = "https://yjlaugus.gitee.io/blog/releases/";
p.staticIco = "https://images.cnblogs.com/cnblogs_com/yjlaugus/1660383/o_200303114655favicon.png";
p.blogName = "至安";
p.avatarSign = "↗↗点击头像关注";
p.musicIds = [516657051,36496726,610138,86360,610239,26418808,478736273,29307041,643017,29460082,592046]; //网易云音乐id
p.qq = "123456";
p.email = "123456@qq.com";
// p.github = "YJLAugus";
// p.aboutmeHtml = "";
p.headBackImg = "https://images.cnblogs.com/cnblogs_com/yjlaugus/1280680/o_200124120955leg.png";
p.blogFriendList = [{title: 'YJLAugus', url: 'https://www.cnblogs.com/yjlaugus'},{title: 'NOTE', url: 'https://yjlaugus.github.io'}];
p.blogUsedLinks = [
{title: '关注', url: 'https://home.cnblogs.com/u/birdy-silhouette/followees/'}
];
p.language = ['xml', 'css', 'dos', 'java', 'javascript', 'json', 'php', 'python', 'scala', 'shell',
'sql', 'yaml', 'bash', 'nginx', 'properties'];
p.mainExtNav = [{
title: '主页',
url: 'https://www.cnblogs.com/birdy-silhouette/#/c/subject/category/default.html',
icon: 'iconhome'
}, {
title: '添加',
url: 'https://i.cnblogs.com/posts/edit',
icon: 'iconmessage-rounded-alt'
}];
window.__BLOG_CONFIG__=p;
})();
</script>
<script type="text/javascript" src="https://yjlaugus.gitee.io/blog/cnblogLoader.js"></script> --> -->
页首HTML代码
<!-- 加载页面 -->
<style type="text/css">
body{margin:0;padding:0;overflow:hidden;margin-top:100%}
#shade_animal_wrap{opacity:1;margin:0;padding:0;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;align-items:center;justify-content:center;height:100vh;width:100%;background-color:#f2f2f2;z-index:99999;transition:all 1s ease 0s;}
.lds-hourglass{display:inline-block;position:relative;width:64px;height:64px;transform:translateX(-30px) translateY(-60px);}
.lds-hourglass:after{content:" ";display:block;border-radius:50%;width:0;height:0;margin:6px;box-sizing:border-box;border:60px solid #fff;border-color:#00d9ff transparent #04e2ff transparent;animation:lds-hourglass 1.2s infinite;}
@keyframes lds-hourglass{0%{transform:rotate(0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);}50%{transform:rotate(900deg);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);}100%{transform:rotate(1800deg);}}
</style>
<div id="shade_animal_wrap"><div class="lds-hourglass"></div></div>
页脚HTML
<!--鼠标点击礼花-->
<canvas width="1777" height="841" style="position: fixed; left: 0px; top: 0px; z-index: 2147483647; pointer-events: none;"></canvas><script src="https://blog-static.cnblogs.com/files/elkyo/mouse-click.js">
</script>
示例
SimpleMermory
也就是我现在用的
点我跳转
页面定制css
勾选禁用模板默认css，粘贴样式代码
Cnblogs-Theme-SimpleMemory/base.min.css at v1.3.3 · BNDong/Cnblogs-Theme-SimpleMemory · GitHub
侧边栏公告
<script type="text/javascript">
// ---- 主页配置 ----
window.cnblogsConfig = {
GhVersions: 'v1.3.3', // 版本
blogUser: "至安", // 用户名
blogAvatar: "https://img2020.cnblogs.com/blog/2196407/202110/2196407-20211011164908850-1249601491.jpg", // 用户头像
//blogStartDate : "2020-04-10", // 入园时间，年-月-日。
menuUserInfoBgImg: 'https://files.dbnuo.com/wallpaper/menu_bg.gif', //菜单个人信息背景图片设置。
// ---- 公众号图片配置 ----
// weChatOfficialAccounts: 'https://files.cnblogs.com/files/Rui6/We.ico',
//自定义菜单导航
menuNavList: [
["新随笔", 'https://i.cnblogs.com/posts/edit'],
["BING", 'https://cn.bing.com/'],
["B站", 'https://www.bilibili.com/'],
],
// ---- 网站配置 ----
webpageTitleOnblur: "(◍´꒳`◍) Hi！", // 当前页失去焦点，页面title显示文字
webpageTitleOnblurTimeOut: 700, // 当前页失去焦点，页面title变化，延时时间，单位毫秒
webpageTitleFocus: "(*´∇｀*) 欢迎回来！", // 当前页获取焦点，页面title显示文字，显示后延时恢复原title
webpageTitleFocusTimeOut: 500, // 当前页获取焦点，页面title变化，延时时间，单位毫秒
webpageIcon: "https://img2020.cnblogs.com/blog/2196407/202110/2196407-20211011164908850-1249601491.jpg", // 网站图标
//打赏设置
// reward: {
// enable: true,
// wechatpay: 'https://images.cnblogs.com/cnblogs_com/Rui6/1848426/t_200916021730weixin.jpg?a=1605605943096',
// alipay: 'https://images.cnblogs.com/cnblogs_com/Rui6/1848426/t_200916021739zhifubao.jpg?a=1605605943096'
// },
// ---- 主页配置 ----
homeTopImg: [ // 主页图片Url，推荐尺寸>= 1920*1080，支持多张，每次刷新随机设置一张
"https://img2020.cnblogs.com/blog/2196407/202110/2196407-20211024190711352-21113288.png",
"https://img2020.cnblogs.com/blog/2196407/202110/2196407-20211024190922244-1994215224.png",
"https://img2020.cnblogs.com/blog/2196407/202110/2196407-20211024190933527-1011978082.png",
"https://img2020.cnblogs.com/blog/2196407/202110/2196407-20211024191008771-1314526312.png",
"https://img2020.cnblogs.com/blog/2196407/202110/2196407-20211024191020339-1543971181.png",
"https://img2020.cnblogs.com/blog/2196407/202110/2196407-20211024191213720-1619719326.jpg",
"https://img2020.cnblogs.com/blog/2196407/202110/2196407-20211024191245693-1459553330.png",
"https://img2020.cnblogs.com/blog/2196407/202110/2196407-20211024191317655-522701352.png",
"https://img2020.cnblogs.com/blog/2196407/202110/2196407-20211024191321759-924508487.png",
"https://img2020.cnblogs.com/blog/2196407/202110/2196407-20211024191325487-610773357.png",
"https://img2020.cnblogs.com/blog/1772450/202011/1772450-20201113105542436-475532576.jpg",
"https://img2020.cnblogs.com/blog/817161/202006/817161-20200620235547657-1299763316.jpg",
"https://img2020.cnblogs.com/blog/2196407/202109/2196407-20210916214819222-89760395.jpg",
"https://img2020.cnblogs.com/blog/2196407/202109/2196407-20210916214925143-1290637576.jpg",
"https://img2020.cnblogs.com/blog/2196407/202109/2196407-20210916215012333-398832836.jpg",
"https://img2020.cnblogs.com/blog/2196407/202109/2196407-20210916214955357-1848846366.jpg"
],
// ---- 随笔页配置 ----
essayTopImg: [ // 随笔页图片Url，支持多张，每次刷新随机设置一张
"https://img2020.cnblogs.com/blog/2196407/202110/2196407-20211024190711352-21113288.png",
"https://img2020.cnblogs.com/blog/2196407/202110/2196407-20211024190922244-1994215224.png",
"https://img2020.cnblogs.com/blog/2196407/202110/2196407-20211024190933527-1011978082.png",
"https://img2020.cnblogs.com/blog/2196407/202110/2196407-20211024191008771-1314526312.png",
"https://img2020.cnblogs.com/blog/2196407/202110/2196407-20211024191020339-1543971181.png",
"https://img2020.cnblogs.com/blog/2196407/202110/2196407-20211024191213720-1619719326.jpg",
"https://img2020.cnblogs.com/blog/2196407/202110/2196407-20211024191245693-1459553330.png",
"https://img2020.cnblogs.com/blog/2196407/202110/2196407-20211024191317655-522701352.png",
"https://img2020.cnblogs.com/blog/2196407/202110/2196407-20211024191321759-924508487.png",
"https://img2020.cnblogs.com/blog/2196407/202110/2196407-20211024191325487-610773357.png",
"https://img2020.cnblogs.com/blog/1772450/202011/1772450-20201113105542436-475532576.jpg",
"https://img2020.cnblogs.com/blog/817161/202006/817161-20200620235547657-1299763316.jpg",
"https://img2020.cnblogs.com/blog/2196407/202109/2196407-20210916214819222-89760395.jpg",
"https://img2020.cnblogs.com/blog/2196407/202109/2196407-20210916214925143-1290637576.jpg",
"https://img2020.cnblogs.com/blog/2196407/202109/2196407-20210916215012333-398832836.jpg",
"https://img2020.cnblogs.com/blog/2196407/202109/2196407-20210916214955357-1848846366.jpg"
],
//日、夜间模式配置。页面使用日、夜间模式优先级：用户设置 > 自动切换 > 默认。
switchDayNight: {
enable: true,
auto: {
enable: true, // 开启自动切换
dayHour: 5, // 日间模式开始时间，整数型，24小时制
nightHour: 19 // 夜间模式开始时间，整数型，24小时制
}
},
//动效
//是否渲染文章页banner动效
essayTopAnimationRendered: true,
essayTopAnimation: {
triW : 14,
triH : 20,
},
//背景动效
bgAnimationRendered: true,
backgroundAnimation: {
colorSaturation: "60%",
colorBrightness: "50%",
},
//是否设置文章内容标题样式
essayTitleStyle: true,
homeBannerText: "你可以不刻意去迎合对方，但要知道对方的好恶；你可以做真实的自己，但要做更好的自己", //主页banner上的标语，设置此选项会固定显示文字，默认为空，自动获取一句
// homeBannerTextType: "jinrishici", //每日获取一句话
essayCodeHighlightingType: "highlightjs", //使用 highlightjs 插件渲染代码高亮。
essayCodeHighlighting: "a11y-dark", //高亮的style
// ---- 页脚配置 ----
bottomBlogroll: [ // 友情链接，[[链接名,链接]....]
["BING", 'https://cn.bing.com/'],
["卡卡动漫", 'http://www.kakadm.com/'],
["百度贴吧", 'https://tieba.baidu.com/'],
["B站", 'https://www.bilibili.com/'],
["博客园地址", 'https://www.cnblogs.com/birdy-silhouette/'],
],
// 页脚标语
bottomText: {
left: "路漫漫其修远兮", // 图标左侧文字
right: "吾将上下而求索" // 图标右侧文字
},
//文章后缀配置，不配置使用默认。
essaySuffix: {
aboutHtml: "编程小萌新一名，希望从今天开始慢慢提高，一步步走向技术的高峰！", // 关于博主，不配置使用默认
copyrightHtml: '', // 版权声明，不配置使用默认
supportHtml: '', // 声援博主，不配置使用默认
},
}
</script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v1.3.3/src/script/simpleMemory.min.js"></script>
页脚html
<!--鼠标点击礼花-->
<canvas width="1777" height="841" style="position: fixed; left: 0px; top: 0px; z-index: 2147483647; pointer-events: none;"></canvas><script src="https://blog-static.cnblogs.com/files/elkyo/mouse-click.js">
</script>
<!-- 网站统计 -->
<div id="cnzzProtocol" style="display: none;">
<span class="id_cnzz_stat_icon" id='cnzz_stat_icon_1279442252'></span>
<script src='https://v1.cnzz.com/z_stat.php?id=1279442252&online=1&show=line' type='text/javascript'></script>
</div>
<!--音乐，只在PC端宽度>1000px时显示-->
<!--651642393 6967659985-->
<link rel="stylesheet" href="https://blog-static.cnblogs.com/files/miluluyo/APlayer.min.css">
<div id="player" class="aplayer aplayer-withlist aplayer-fixed" data-id="6967659985" data-server="netease" data-type="playlist" data-order="random" data-fixed="true" data-listfolded="true" data-theme="#2D8CF0"></div>
<script src="https://blog-static.cnblogs.com/files/miluluyo/APlayer.min.js"></script>
<script src="https://blog-static.cnblogs.com/files/miluluyo/Meting.min.js"></script>
