博客園主題

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 = "[e-mail]";
// 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>
  

示例

鏈接1
鏈接2

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>