博客主题推荐——Heart
更新日志
首先感谢原作者cjunn提供的主题autm，以下配置都基于此主题设定。很多小伙伴喜欢现在的样式，分享如下。只需简单几步即可。
如果你想使用本博客主题样式，并希望能得到远程推送更新，只需查看 快速部署。如果想在本主题样式的基础上进行二次开发，下方开源库 已开源代码。在快速部署因为更改了app.js部分源码，功能和原版主题略有差异，若只想改动样式，请查看 只样式引入（建议）。
视频介绍
一键三连！出门捡钱！富婆和你结姻缘！
快速部署
//请把以下代码粘贴在页首或者侧边栏即可快速部署，若需要更多个性化配置，请继续看下文详细配置
<script type="text/javascript">
(()=>{
let p={};
p.themeStyle = "style1"; //关键配置：主题样式
p.extCss = ["https://blog-static.cnblogs.com/files/yjlaugus/theme.css", "https://at.alicdn.com/t/font_1630741_bf02j4m9mhg.css"];//关键配置：主题样式
p.staticSrc = "https://yjlaugus.gitee.io/blog/releases/"; //关键配置
window.__BLOG_CONFIG__=p;
})();
</script>
<script type="text/javascript" src="https://yjlaugus.gitee.io/blog/cnblogLoader.js"></script>
部分配置说明
<script type="text/javascript">
(()=>{
//该处用于配置atum主题参数，具体配置参数可参考
let p={};
p.ingTitle = "憧憬是碎了满地凉凉的宝石，生活是一场大雨留下的潮湿";
p.themeStyle = "style1";
p.feelingBlogId = "12286815"; //某篇随笔文章postid：在文章编辑状态在浏览器地址栏可以看到
p.extCss = ["https://blog-static.cnblogs.com/files/yjlaugus/theme.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 = "YJLAugus";
p.avatarSign = "向阳而生。";
p.musicIds = [1417862026]; //QQ音乐ID
p.qq = "123456";
p.email = "imyjl@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://yjlaugus.github.io/'},
{title: '评论管理', url: 'https://yjlaugus.avosapps.us/'}
];
window.__BLOG_CONFIG__=p;
})();
</script>
<script type="text/javascript" src="https://yjlaugus.gitee.io/blog/cnblogLoader.js"></script>
只样式引入
<script type="text/javascript">
(()=>{
let p={};
p.themeStyle = "style1"; //关键配置：主题样式
p.extCss = ["https://blog-static.cnblogs.com/files/yjlaugus/theme.css";//关键配置：主题样式
window.__BLOG_CONFIG__=p;
})();
</script>
<script type="text/javascript" src="https://yjlaugus.gitee.io/blog/cnblogLoader.js"></script>
页面加载动画
粘贴在 页首 即可。
<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>
开源库
左侧菜单自定义
p.mainExtNav = [{
title: '主页',
url: 'https://yjlaugus.gitee.io/',
icon: 'iconhome'
}, {
title: '仓库',
url: 'https://github.com/YJLAugus',
icon: 'icongithub'
}, {
title: '留言',
url: '/c/subject/p/12286815.html',
icon: 'iconat'
}, {
title: '说说',
url: '/c/author',
icon: 'iconmessage-rounded-alt'
}, {
title: '投喂',
url: '/c/subject/p/7857317.html',
icon: 'iconziyuan'
}];
关于图标您可以在审查元素 找到。
问题&解决
部分博客【随笔档案】勾选会导致侧边栏无法解析
可能是我档案过多吗？暂时关闭即可。数学公式渲染问题
配置选项后，后台选项也要开启“数学公式支持”，但依然报错。且“阅读模式”依然无法渲染。阅读文章时，目录无法自动加载
文章目录暂时无法自动跳转到目录面板，需要手动点击`tab`才会出现。目录面板，相邻（h1,h2）(h2,h3)层级出现错乱
可以暂时使用一级和三级目录，也可自己重新写一级三级目录样式。随笔合并问题，发了两篇随笔，一个消失了？
同一天发两篇随笔会导致一篇不会显示：解决办法，第二天手动更新其中一篇的发布时间。说明
再次感谢主题作者cjunn提供的优秀主题，若您在使用过程中遇到任何问题或者建议，可以在主题反馈页面进行评论。当然，也欢迎您在本页面提出您宝贵的建议，如因本人能力和时间有限，不能及时修复问题和其他技术问题，请见谅。果您有什么改进建议或者对于 已知问题 进行修复和改进，将不胜感激。为了能让主题更好，欢迎您使用或进行后续改进，开源库：当前主题版本
