不會吧不會吧,不會還有人不知道這個超讚的主題吧?
阿新 • • 發佈:2022-05-09
部落格園主題——atum2.0
介紹
這是一款由VUE打造的簡約型部落格主題,相容各大主流瀏覽器,響應式設計,PC、平板、手機等均可正常瀏覽。
ps:上次看到火狐瀏覽器有相容問題,不知道作者 C君。大大修復了沒
特性
響應式設計,相容手機端瀏覽器。
提供多種配置資訊,方便各類使用者進行個人定製化。
部署文件十分詳細且部署快捷。
主題整體偏向簡約、無太多不必要的特效畫面、偏向於簡潔型部落格。
請求區域性HTML重新整理,實現全站無重新整理式載入。
ps:支援自己DIY音樂、友鏈、導航欄等等
一個小坑
部落格園後臺的 部落格面板 要選擇 SimpleMemory
最簡單的應用步驟
如果想了解更多,可以訪問文章結尾的連結
步驟1:
將下方程式碼複製到 部落格園設定->頁首HTML程式碼 當中
<style type="text/css"> #page_begin_html{top: 0;bottom: 0;left: 0;right: 0;position: fixed;z-index:99999;} #home #main #mainContent{display:none} 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 .5s 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:#ff8d00 transparent #ff3004 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>
步驟2:
將下方程式碼複製到 部落格園設定->部落格側邊欄公告(支援HTML程式碼) (支援 JS 程式碼) 當中
<script> $("link").remove();$("script").remove();$(function(){$("link").remove();$("script").remove()});window.blogCommentManager=function(){this.renderComments=function(){}};window.loadViewCount=function(){};window.loadNewsAndKb=function(){};window.loadBlogSignature=function(){};window.LoadPostCategoriesTags=function(){};window.LoadPostInfoBlock=function(){};window.GetPrevNextPost=function(){};window.loadBlogCalendar=function(){};window.loadBlogSideColumn=function(){};window.loadBlogTopLists=function(){};window.GetHistoryToday=function(){};window.deliverAdT2=function(){};window.getFollowStatus=function(){};window.deliverAdC1=function(){}; </script> <script type="text/javascript"> (()=>{ //該處用於配置atum主題引數,具體配置引數可參考下方。 let p={}; p.blogSign="自慚多情汙梵行,入山又恐誤傾城。世間安得雙全法,不負如來不負卿。"; p.avatarSign= " ↗↗點選頭像關注我。"; window.__BLOG_CONFIG__=p; })(); </script> <script type=text/javascript src=https://cjunn.gitee.io/blog_theme_atum/cnblogLoader2.js></script>