更新日志
首先感謝原作者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]; //網易雲音樂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提供的優秀主題,若您在使用過程中遇到任何問題或者建議,可以在主題反饋頁面進行評論。當然,也歡迎您在本頁面提出您寶貴的建議,如因本人能力和時間有限,不能及時修復問題和其他技術問題,請見諒。果您有什么改進建議或者對於 已知問題 進行修復和改進,將不勝感激。為了能讓主題更好,歡迎您使用或進行后續改進,開源庫:當前主題版本