博客主題推薦——復雜 | 簡單


建議進行快速部署,即可快速使用本主題。

更新日志

詳細日志

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM