We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
配置之后, 展示如图所示, 图中箭头指向的部分应该是有 园龄 等信息的:
参考博客: https://www.cnblogs.com/esofar/
您好, 我看文档上说的是, 要将 js 代码添加到博客侧边栏公告中, 但是经过测使用, 发现只能添加到博客侧边栏公告中无用, 故我添加到了页脚HTML 代码中了. 麻烦您有时间看一下这是什么问题, 十分感谢.
博客侧边栏公告
页脚HTML 代码
下面是我当前使用的配置, 应该会对您查找问题有一定帮助. 其中的css和js使用的版本是: 3.0.0-beta4.
css
js
3.0.0-beta4
1. 博客皮肤使用: Custom
Custom
2.禁用皮肤默认 css
3.页面定制 CSS 代码
@import url(https://cdn.jsdelivr.net/npm/[email protected]/css/font-awesome.min.css);@media only screen and (max-width:1365px){.github-corner{display:none}}@media only screen and (max-width:1259px){#home{width:100%!important}}@media only screen and (max-width:990px){#bannerbar{display:none}#header,.esa-mobile-menu{display:block!important}#header{width:auto;position:fixed!important;background:var(--blog-bg-color)}#header #blogTitle{margin-left:15px}#header #navigator{display:none;left:0;top:61px}#header #navigator #navList>li{float:none;position:relative;background:var(--blog-bg-color);height:34px;line-height:34px;width:120px;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color)}#header #navigator #navList>li>a{float:none;width:inherit;padding:0 10px}#header #navigator #navList>li>a .arrow{position:absolute;top:.8rem;right:.8rem;transform:rotate(270deg) scaleX(-1)}#header #navigator #navList>li .esa-sub-navs{position:fixed;width:130px;top:0;left:121px;top:61px}#header #navigator #navList>li .esa-sub-navs .caret{display:none}#header #navigator #navList>li .esa-sub-navs ul{box-shadow:none;padding:0;border-radius:0}#header #navigator #navList>li .esa-sub-navs ul li{height:34px;line-height:34px;border:1px solid var(--border-color);border-top:none}#header #navigator #navList>li .esa-sub-navs ul li a{text-align:left;padding:0 10px}#header #navigator #navList>li i{display:none}#sideBar{display:none!important}#home{min-width:auto!important}#main{width:100%!important;padding:70px 0 0!important}#main .forFlow{margin-left:0!important;padding-left:15px;padding-right:15px}#main .forFlow .postBody{padding:0!important}#main .forFlow .postDesc{display:none}#main .forFlow #comment_form{padding:0!important}#main .forFlow .commentform{margin-left:0!important}#main .forFlow .day .postDesc,#main .forFlow .entrylist .entrylistItemPostDesc{display:none}#myposts .postDesc2{text-align:right!important}#myposts .postDesc2 span{display:none}.esa-toolbar .skin-popup{bottom:calc(50% - 67px)!important;border-radius:15px!important}}:root[mode=light]{--blog-bg-color:#fff;--text-color:#596172;--border-color:#eef2f8;--catalog-bg-color:#fff;--panel-bg-color:#f8f8f8;--code-bg-color:#f1f1f1}:root[mode=dark]{--blog-bg-color:#202020;--text-color:#d8d8d8;--border-color:#2f2f2f;--catalog-bg-color:#252525;--panel-bg-color:#252525;--code-bg-color:#3a3a3a}:root[theme=a]{--theme-color:#2d8cf0}:root[theme=b]{--theme-color:#fa7298}:root[theme=c]{--theme-color:#42b983}:root[theme=d]{--theme-color:#607d8b}:root[theme=e]{--theme-color:#5e72e4}:root[theme=f]{--theme-color:#ff9700}:root[theme=g]{--theme-color:#ff5722}:root[theme=h]{--theme-color:#009688}:root[theme=i]{--theme-color:#673bb7}:root[theme=j]{--theme-color:#906f61}*{margin:0;padding:0}body,html{height:100%}body{background:var(--blog-bg-color);color:var(--text-color);font-family:Lato,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;font-weight:300}table{border-collapse:collapse;border-spacing:0}td{padding:5px}fieldset,img{border:0}ul{word-break:break-all}li{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}a{color:var(--text-color);text-decoration:none;transition:all .3s ease}a:hover{color:var(--theme-color)}::-moz-selection{background:var(--theme-color);color:#fff}::selection{background:var(--theme-color);color:#fff}#ad_c1,#ad_c2,#ad_t2,#author_profile,#comment_nav,#comment_pager_top,#green_channel,#lnkBlogLogo,#under_post_kb,#under_post_news,.blogStats,.c_ad_block,.dayTitle,.navbar,.under-comment-nav{display:none}.clear{clear:both}#home{width:100%;height:100%;transition:all 378ms}#header{width:960px;position:relative;top:0;right:0;left:0;margin:0 auto;border-top:0;border-bottom:1px solid var(--border-color);padding-bottom:0;display:block;height:60px;z-index:999}#blogTitle h1{font-size:25px;font-weight:600;font-family:Georgia;float:left;margin-top:15px}#blogTitle h2{display:none}#navigator{height:inherit;position:absolute;right:0;top:0}#navList{height:inherit;float:left}#navList>li{position:relative;float:left}#navList>li:hover i{width:100%;left:0}#navList>li>a{float:left;font-size:17px;border-right:0;font-weight:300;text-align:center;width:auto;padding:19px 16px}#navList>li>a:after{content:"";position:absolute;width:100%;height:4px;bottom:0;left:0;background-color:var(--theme-color);visibility:hidden;transform:scaleX(0);transition:.4s ease-in-out}#navList>li>a:hover:after{visibility:visible;transform:scaleX(1)}#navList .open{transform:rotate(180deg) scaleX(-1);transition-duration:.3s}#navList .esa-sub-navs{position:absolute;width:130px;top:60px;left:calc(50% - 65px);display:none}#navList .esa-sub-navs .caret{border-top:0 solid transparent;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--blog-bg-color);width:0;position:relative;left:calc(50% - 8px)}#navList .esa-sub-navs ul{background-color:var(--blog-bg-color);border-radius:4px;box-shadow:0 1px 15px rgba(27,31,35,.15);padding:10px;text-align:center}#navList .esa-sub-navs ul li{float:none}#navList .esa-sub-navs ul li a{font-size:15px;border-right:0;color:var(--text-color);display:block;width:100%;padding:10px 0;height:inherit;border-bottom:1px solid transparent}#navList .esa-sub-navs ul li a:hover{color:var(--theme-color)}#main{width:960px;margin:0 auto;min-height:calc(100% - 75px);padding:15px 0;transition:all .3s ease}#mainContent{float:right;margin-left:-25em;width:100%}#mainContent .forFlow{margin:0 auto 0 0;max-width:960px}#sideBar{width:230px;border-right:1px solid var(--border-color);font-weight:300;display:none;min-height:750px;padding:0 15px 0 0}#sideBar #profile_block{margin:0;font-size:0;display:flex;flex-wrap:wrap;text-align:left;line-height:1.6}#sideBar #profile_block a{box-sizing:border-box}#sideBar #profile_block a:first-child{font-size:18px;font-weight:700;width:100%;display:block;text-align:center;margin-bottom:14px}#sideBar #profile_block a:nth-child(3):after{content:"\56ed\9f84"}#sideBar #profile_block a:nth-child(5):after{content:"\7c89\4e1d"}#sideBar #profile_block a:nth-child(7):after{content:"\5173\6ce8"}#sideBar #profile_block a:nth-child(3),#sideBar #profile_block a:nth-child(5),#sideBar #profile_block a:nth-child(7){font-size:14px;width:33.3333333%;display:block;padding:0 4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center}#sideBar #profile_block a:nth-child(3):after,#sideBar #profile_block a:nth-child(5):after,#sideBar #profile_block a:nth-child(7):after{color:#97979f;font-size:14px;display:block;text-overflow:ellipsis;overflow:hidden;width:100%;font-weight:400}#sideBar #profile_block #p_b_follow{margin:15px 0 10px;text-align:center}#sideBar #profile_block #p_b_follow a{border:1px solid var(--border-color);font-size:13px;padding:7px 0;border-radius:4px;width:230px;font-weight:300}#sideBar #profile_block #p_b_follow a:hover{border-color:var(--theme-color)}.newsItem{margin-bottom:10px}.newsItem .catListTitle{display:none}#blog-calendar{border-top:1px solid var(--border-color)}#blog-calendar .CalDayHeader{font-weight:300}#blog-calendar .CalTodayDay{color:var(--theme-color);font-weight:600}#sideBarMain ul{line-height:1.6}.catListTitle{text-align:left;margin:20px 0;font-size:20px;font-weight:300;border-left:4px solid var(--theme-color);border-radius:4px;padding-left:7px}#sidebar_search #widget_my_zzk .input_my_zzk{color:#314659;border:1px solid var(--border-color);background-color:transparent;width:150px;height:32px;padding:0 7px;font-size:16px;border-radius:4px}#sidebar_search #widget_my_zzk .input_my_zzk:focus{outline:none}#sidebar_search #widget_my_zzk .btn_my_zzk{height:34px;font-size:14px;font-weight:300;background-color:transparent;color:var(--text-color);cursor:pointer;width:59px;outline:0;border:1px solid var(--border-color);border-radius:4px;transition:border .3s}#sidebar_search #widget_my_zzk .btn_my_zzk:hover{color:var(--theme-color);border:1px solid var(--theme-color)}#sidebar_search #widget_my_google{display:none}#sidebar_toptags li{font-size:14px;height:16px;line-height:16px;padding:5px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px;border:1px solid var(--border-color);margin:0 6px 6px 0;display:inline-grid;transition:all .3s ease;border-radius:4px}#sidebar_toptags li a{transition:inherit}#sidebar_toptags li a .tag-count{display:none}#sidebar_toptags li:active,#sidebar_toptags li:link,#sidebar_toptags li:visited{border-color:var(--border-color)}#sidebar_toptags li:hover{border-color:var(--theme-color)}#sidebar_categories li,#sidebar_scorerank li,#sidebar_shortcut li{font-size:15px;height:40px;padding-left:3px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;list-style:none}#sidebar_recentposts li,#sidebar_topcommentedposts li,#sidebar_topdiggedposts li,#sidebar_topviewedposts li{font-size:15px;padding:7px 0;transition:all .3s;text-align:justify;border-bottom:1px solid var(--border-color)}#sidebar_recentposts li:first-child,#sidebar_topcommentedposts li:first-child,#sidebar_topdiggedposts li:first-child,#sidebar_topviewedposts li:first-child{border-top:1px solid var(--border-color)}#sidebar_recentcomments li{text-align:justify}#sidebar_recentcomments .recent_comment_title:nth-child(n+2){padding-top:10px}#sidebar_recentcomments .recent_comment_title:first-child{border-top:1px solid var(--border-color);padding-top:10px}#sidebar_recentcomments .recent_comment_body{border-radius:4px;padding:5px 10px;margin:5px 0;background-color:var(--panel-bg-color)}#sidebar_recentcomments .recent_comment_author{margin-right:0;text-align:right;padding-bottom:10px;border-bottom:1px solid var(--border-color)}#taglist_title,.entrylistTitle,.myposts_title,.PostListTitle,.thumbTitle{font-size:20px;font-weight:300;margin-bottom:10px;text-align:left}.entrylistDescription{margin:15px auto;border-left:4px solid var(--border-color);text-align:justify;padding-left:7px}#myposts{margin-left:0}#myposts .PostList{border-bottom:1px solid var(--border-color);padding:0;margin:0}#myposts .PostList:first-of-type{border-top:1px solid var(--border-color)}#myposts .postTitl2{font-size:17px;margin:10px 0;text-align:justify}#myposts .postDesc2{text-align:right;margin-bottom:10px;font-size:14px}#myposts .postDesc2>a{display:none}#myposts .postDesc2:before{font-family:FontAwesome;content:"\f017";opacity:.7}.post-view-count:before{content:"\f06e"}.post-comment-count:before,.post-view-count:before{font-family:FontAwesome;padding-left:10px;padding-right:5px;opacity:.7}.post-comment-count:before{content:"\f27b"}.post-digg-count:before{font-family:FontAwesome;content:"\f087";padding-left:10px;padding-right:5px;opacity:.7}.day,.day>.postSeparator,.entrylistItem{border-bottom:1px solid var(--border-color);text-align:justify;margin-bottom:10px;padding-bottom:10px}.day .postTitle,.entrylist .entrylistPosttitle{font-size:19px}.day .postTitle>a,.entrylist .entrylistPosttitle>a{position:relative}.day .postTitle>a:after,.entrylist .entrylistPosttitle>a:after{content:"";display:block;width:0;height:1px;position:absolute;left:0;bottom:-2px;background:var(--theme-color);transition:all .3s ease-in-out}.day .postTitle>a:hover:after,.entrylist .entrylistPosttitle>a:hover:after{width:100%}.day .postCon,.entrylist .entrylistPostSummary{font-size:16px;padding:10px 0}.day .postCon img,.entrylist .entrylistPostSummary img{width:200px;height:150px;border-radius:4px;margin-left:10px}.day .postCon a,.entrylist .entrylistPostSummary a{border-bottom:1px dotted var(--text-color);padding:2px 5px;font-size:14px;margin-top:10px;display:table}.day .postCon a:after,.entrylist .entrylistPostSummary a:after{content:" \00bb"}.day .postCon a:hover,.entrylist .entrylistPostSummary a:hover{border-bottom:1px dotted var(--theme-color)}.day .postDesc,.entrylist .entrylistItemPostDesc{text-align:right}.day .postDesc>a,.entrylist .entrylistItemPostDesc>a{display:none}.toc-container-header{font-size:20px;font-weight:700}#topics .postTitle{font-size:21px;font-weight:300}#topics .postBody{font-size:16px;line-height:1.75}#topics .postBody a{color:var(--theme-color);position:relative}#topics .postBody a:after{content:"";display:block;width:0;height:1px;position:absolute;left:0;bottom:-2px;background:var(--theme-color);transition:all .3s ease-in-out}#topics .postBody a:hover:after{width:100%}#topics .postBody h1{font-size:21px}#topics .postBody h2{font-size:20px}#topics .postBody h3{font-size:19px}#topics .postBody h4{font-size:18px}#topics .postBody h5{font-size:17px}#topics .postBody h6{font-size:16px}#topics .postBody p{margin:13px auto}#topics .postBody hr{border-top:none;border-bottom:1px solid var(--border-color)}#topics .postBody blockquote{border:none;margin:15px 0;color:inherit;border-radius:4px;padding:1px 15px;border-left:4px solid var(--theme-color);background-color:var(--panel-bg-color)}#topics .postBody em{padding-right:3px}#topics .postBody strong{margin:0 3px;font-weight:500}#topics .postBody img{display:block;margin:15px 0 30px;border-radius:3px;box-shadow:0 1px 15px rgba(27,31,35,.15),0 0 1px rgba(106,115,125,.35)}#topics .postBody .cnblogs-markdown pre{white-space:pre;position:relative}#topics .postBody ol li,#topics .postBody ul li{margin:3px 0}#topics .postBody table{font-size:15px;width:100%;margin:15px 0;display:block;overflow-x:auto;border:none}#topics .postBody table::-webkit-scrollbar{height:4px!important}#topics .postBody table th{background:var(--panel-bg-color);white-space:nowrap;font-weight:400}#topics .postBody table td,#topics .postBody table th{border:1px solid var(--border-color);padding:6px 15px;min-width:100px}#topics .postBody h1 code,#topics .postBody h2 code,#topics .postBody h3 code,#topics .postBody h4 code,#topics .postBody h5 code,#topics .postBody h6 code,#topics .postBody li>code,#topics .postBody p>code,#topics .postBody table code{line-height:1.2;font-family:consolas!important;vertical-align:middle;margin:0 3px;background-color:var(--code-bg-color)!important;font-size:14px!important;padding:.2em .3em!important;border-radius:3px!important;border:none!important}#topics .postBody #BlogPostCategory,#topics .postBody #EntryTag{font-size:14px}#topics .postBody #BlogPostCategory a,#topics .postBody #EntryTag a{font-size:13px;border-radius:4px;padding:4px 6px;background-color:var(--panel-bg-color);margin-right:5px;transform:none;color:var(--text-color)}#topics .postBody #BlogPostCategory a:hover,#topics .postBody #EntryTag a:hover{color:#fff;background-color:var(--theme-color)}#topics .postBody #BlogPostCategory a:after,#topics .postBody #EntryTag a:after{content:none}#topics .postBody #BlogPostCategory:before{content:"\f07c";font-family:FontAwesome;opacity:.7}#topics .postBody #EntryTag:before{content:"\f02c";font-family:FontAwesome;opacity:.7}#topics .postBody #post_next_prev{font-size:14px}#topics .postDesc{border-top:1px solid var(--border-color);padding-top:5px;margin-top:5px;text-align:right}.cnblogs_code{background-color:#333232;padding-left:1em;padding-right:1em;border:none;border-radius:3px;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace!important}.cnblogs_code div{background-color:transparent;color:#656c73}.cnblogs_code img{margin:0!important}.cnblogs_code pre{color:#abb2bf;font-family:inherit!important;font-size:15px!important}.cnblogs_code pre span{font-family:inherit!important;color:inherit!important}.cnblogs_code textarea{font-family:inherit!important;padding:5px;border:1px solid #3e4c42;color:#c5d4ef;background-color:#282c34}.cnblogs_code textarea:focus{outline:0}.cnblogs_code .code_img_closed,.cnblogs_code .code_img_opened{display:none!important}.cnblogs_code .cnblogs_code_toolbar{width:20px}.cnblogs_code .cnblogs_code_toolbar span{padding-right:0}.cnblogs_code .cnblogs_code_toolbar a:link img{background-color:transparent!important}.cnblogs_code .cnblogs_code_collapse{color:#656c73;border:1px solid #989fa6;border-radius:2px;background-color:transparent;display:inline-block;cursor:pointer;padding:5px 5px 2px}#footer{border-top:1px solid var(--border-color);font-size:13px;text-align:center;padding:15px 0}.louzhu{color:var(--theme-color);font-weight:500}.feedbackListSubtitle .sendMsg2This{background:transparent;padding-left:0;font-size:15px}.feedbackListSubtitle .sendMsg2This:before{content:"✉️"}.feedbackManage{float:right}.feedbackItem .feedbackCon{margin-bottom:10px;padding:10px 0;border-bottom:1px solid var(--border-color)}.feedbackItem .feedbackCon .comment_vote{margin-top:12px}.blog_comment_body{width:auto;border-radius:4px;padding:12px;margin-left:50px;background-color:var(--panel-bg-color);min-height:19px}.blog_comment_body img{border-radius:3px}#taglist_main{margin-top:0}#taglist_main table{width:100%}#taglist_main table tr td{padding:5px 20px 5px 0}#taglist_main table tr td:last-child{padding-right:0}#taglist_main table tr td .small{display:none}#taglist_main table tr td a{display:block;padding:5px;font-weight:300;line-height:20px;text-align:center;border:1px solid var(--border-color);border-radius:4px;color:var(--text-color)}#taglist_main table tr td a:hover{border:1px solid var(--theme-color)}#div_digg{margin:0;width:auto}#div_digg .buryit,#div_digg .diggit{background:none;height:auto;width:auto;min-width:60px;margin:0;font-size:17px;border-radius:4px;padding:3px 10px;background-color:var(--panel-bg-color);transition:all .3s}#div_digg .buryit span,#div_digg .diggit span{font-size:inherit;color:inherit}#div_digg .buryit:hover,#div_digg .diggit:hover{color:#fff;background-color:var(--theme-color)}#div_digg .diggit:before{content:"\f087";font-family:FontAwesome;opacity:.7}#div_digg .buryit{margin-left:15px}#div_digg .buryit:before{content:"\f088";font-family:FontAwesome;opacity:.7}.topicListFooter{text-align:right;margin-top:10px;margin-right:0}#nav_next_page,.pager{color:var(--text-color);text-align:right;margin-right:0!important}#nav_next_page a,.pager a{color:var(--text-color);padding:4px 7px;border:1px solid var(--border-color);border-radius:4px}#nav_next_page a:hover,.pager a:hover{color:var(--theme-color);border:1px solid var(--theme-color)}.pager span.current{padding:3px 7px;border:1px solid var(--theme-color);background-color:var(--theme-color);border-radius:4px;margin:0 0 0 5px}.feedback_area_title{font-size:20px;border-bottom:1px solid var(--border-color);margin:20px 0;padding-bottom:5px}#commentform_title{background-image:none;padding-left:0;font-size:20px}#commentform_title>a{display:none}.commentform #tip_comment{color:var(--theme-color)!important;margin:15px 0;display:block}.commentform .comment_textarea{width:100%;border:1px solid var(--border-color);background-color:transparent;padding:0}.commentform .comment_textarea:focus{outline:0}.commentform .commentbox_title{border-bottom:1px solid var(--border-color)}.commentform .commentbox_title .commentbox_title_left .commentbox_tab{margin:0;padding:5px 15px;color:var(--text-color);border-bottom:none}.commentform .commentbox_title .commentbox_title_left .active{color:var(--theme-color)}.commentform .commentbox_title .commentbox_title_right{margin:0 10px 0 0}.commentform .commentbox_title .commentbox_title_right .comment_svg:hover,.commentform .commentbox_title .commentbox_title_right .comment_svg_stroke:hover{fill:var(--theme-color);stroke:var(--theme-color)}.commentform #tbCommentBody,.commentform #tbCommentBodyPreview{padding:10px 15px;background:transparent;color:var(--text-color);font-weight:300}.commentform #tbCommentBodyPreviewBody{margin-left:0;min-height:235px;background-color:transparent}.commentform #btn_comment_submit{width:auto;height:auto;border-width:0;cursor:pointer;color:#fff;background-color:var(--theme-color);border-color:var(--theme-color);font-weight:300;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:5px 17px;font-size:13px;border-radius:4px;outline:none;transition:all .3s}.commentform #btn_comment_submit:hover{opacity:.7}.commentform .comment_my_posted>img{display:none}.commentform .bq_post_comment{margin-top:5px;font-size:13px;display:block;color:var(--text-color);background-color:var(--border-color);border:none;border-radius:4px;padding:1px 15px}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background-color:var(--text-color)}.github-corner:hover .octo-arm{-webkit-animation:octocat-wave .56s ease-in-out;animation:octocat-wave .56s ease-in-out}.github-corner svg{fill:var(--theme-color);z-index:999;cursor:pointer;position:fixed;top:0;border:0;left:0;transform:scaleX(-1)}@-webkit-keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}.esa-mobile-menu{display:none;position:fixed;top:17px;right:20px;height:25px;width:25px;text-align:center;line-height:25px;z-index:941113;font-size:1.5em;cursor:pointer;color:var(--text-color);border-radius:4px}.esa-profile-avatar{border-radius:4px;width:100%}.esa-contents{position:fixed;top:0;right:0;bottom:0;background-color:var(--blog-bg-color);border-left:1px solid var(--border-color);overflow-y:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:1rem 0;width:252px;transform:translate3d(252px,0,0);z-index:1000}.esa-contents ul{padding:0 15px;overflow-y:auto}.esa-contents ul li{padding:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;color:var(--text-color)}.esa-contents ul li .level1{margin-left:0}.esa-contents ul li .level2{margin-left:10px}.esa-contents ul li .level3{margin-left:26px}.esa-anchor{opacity:0;transition:opacity .3s ease;margin-left:8px}.active{transform:translateZ(0)}.active,.noactive{transition-duration:378ms}.noactive{transform:translate3d(252px,0,0)}.cnblogs-markdown .hljs,.cnblogs-markdown .hljsln{display:block;overflow-x:auto;padding:.7em 1em .7em 3em!important;background:#2b2b2b!important;border:1px solid #2c2a2a!important;color:#bababa;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace!important;font-size:15px!important}.cnblogs-markdown .hljs::-webkit-scrollbar,.cnblogs-markdown .hljsln::-webkit-scrollbar{height:4px}.cnblogs-markdown .hljs.ln-hide{padding:.7em 1em!important}.ln-bg{z-index:1;top:0;height:100%;background:#333;border-radius:4px 0 0 4px}.ln-bg,.ln-num{position:absolute;left:0;width:2.4em}.ln-num{z-index:2;text-align:center;display:inline-block;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ln-num:before{color:#777;font-style:normal;font-weight:400;text-align:center;content:attr(data-num)}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#c678dd}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-addition,.hljs-attribute,.hljs-meta-string,.hljs-regexp,.hljs-string{color:#98c379}.hljs-built_in,.hljs-class .hljs-title{color:#e6c07b}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#d19a66}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#61aeee}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.hljs-built_in,.hljs-keyword,.hljs-name,.hljs-selector-tag,.hljs-tag{color:#7171bf}.esa-post-signature{padding:12px 24px 12px 20px;margin-top:15px;font-size:15px;background-color:var(--panel-bg-color);position:relative;border-radius:4px;border-left:4px solid var(--theme-color)}.esa-post-signature p{margin:0!important}.esa-post-signature a{color:var(--text-color)!important}.esa-sponsor{position:relative;width:100%;height:85px;margin:100px 0}.esa-sponsor .title{text-align:center;margin-bottom:15px;font-size:17px;font-weight:400;opacity:.8}.esa-sponsor .box{position:absolute;left:calc(50% - 101px);border:1px solid var(--border-color);border-radius:4px}.esa-sponsor .box li{width:60px;float:left;margin:0!important;text-align:center;border-left:1px solid var(--border-color);background:transparent;transition:background .3s ease;cursor:pointer;line-height:0;opacity:1;list-style:none;margin:0;padding:6px 3px}.esa-sponsor .box li svg{opacity:.5}.esa-sponsor .box li:hover{background:var(--panel-bg-color)}.esa-sponsor .box li:first-child{border-width:0}.esa-sponsor .qrshow{position:absolute;width:200px;height:200px;background:var(--blog-bg-color);cursor:pointer;left:calc(50% - 100px);top:-170px;z-index:999;display:none;box-shadow:0 1px 15px rgba(27,31,35,.15),0 0 1px rgba(106,115,125,.35)}.esa-sponsor .qrshow .noconfig{position:absolute;top:85px;left:60px;border:1px solid var(--border-color);border-radius:4px;padding:0 10px}.esa-sponsor .qrshow img{height:100%;width:100%;box-shadow:none!important;margin:0!important}.esa-comment-avatar{float:left}.esa-comment-avatar img{height:43px;width:43px;border-radius:4px;transition:all .5s ease-out;-webkit-transition:all .6s ease-out}.esa-comment-avatar img:hover{border-radius:50%}.esa-toolbar{position:fixed;bottom:30px;right:30px;width:45px;height:45px;z-index:1001}.esa-toolbar .bars{position:relative;width:inherit;height:inherit;cursor:pointer;border-radius:50%;background:var(--theme-color);z-index:1;text-align:center;font-size:24px;line-height:46px;color:#fff;transition:all .3s ease;box-shadow:0 2px 4px 1px rgba(0,0,0,.2)}.esa-toolbar .contents,.esa-toolbar .mode,.esa-toolbar .skin,.esa-toolbar .up{position:absolute;cursor:pointer;bottom:0;right:0;height:35px;width:35px;text-align:center;line-height:35px;z-index:0;opacity:0;border-radius:4px;box-shadow:0 2px 4px 1px rgba(0,0,0,.2);background-color:var(--panel-bg-color);transition:all .3s ease}.esa-toolbar .contents:hover,.esa-toolbar .mode:hover,.esa-toolbar .skin:hover,.esa-toolbar .up:hover{color:#fff;background-color:var(--theme-color)}.esa-toolbar .bars-show{transform:rotate(270deg)}.esa-toolbar .up-show{transform:translate3d(0,-200%,0);opacity:1}.esa-toolbar .mode-show{transform:translate3d(-140%,-140%,0);opacity:1}.esa-toolbar .skin-show{transform:translate3d(-200%,0,0);opacity:1}.esa-toolbar .contents-show{transform:translate3d(-350%,0,0);opacity:1}.esa-toolbar .skin-popup{display:none;position:fixed;left:calc(50% - 100px);bottom:0;padding:25px;opacity:1;width:150px;height:auto;border-radius:15px 15px 0 0;background-clip:border-box;box-shadow:0 2px 4px 1px rgba(0,0,0,.2);background-color:var(--panel-bg-color)}.esa-toolbar .skin-popup .item{text-align:center}.esa-toolbar .skin-popup .title{font-size:17px;margin-bottom:.5em}.esa-toolbar .skin-popup .themes button{font-size:1em;position:relative;width:calc(1.75em - 5px);height:calc(1.75em - 5px);border-radius:.15em;cursor:pointer;margin:2.5px;flex-shrink:0;justify-self:center;transition:all .15s;overflow:hidden;background:transparent;z-index:1;box-sizing:border-box;outline:none;border:none}@-webkit-keyframes loading{0%{opacity:0}to{opacity:1}}@keyframes loading{0%{opacity:0}to{opacity:1}}.dark-loading{background:#222}.light-loading{background:#fff}.dark-loading,.light-loading{position:fixed;top:0;left:0;bottom:0;right:0;display:flex;justify-content:center;align-items:center;z-index:99999}.dark-loading .box h2,.light-loading .box h2{color:#777;margin:0;font:.8em verdana;text-transform:uppercase;letter-spacing:.1em;text-align:center}.dark-loading .box span,.light-loading .box span{display:inline-block;vertical-align:middle;width:.6em;height:.6em;margin:.19em;background:#007db6;border-radius:.6em;-webkit-animation:loading 1s infinite alternate;animation:loading 1s infinite alternate}.dark-loading .box span:nth-of-type(2),.light-loading .box span:nth-of-type(2){background:#008fb2;-webkit-animation-delay:.2s;animation-delay:.2s}.dark-loading .box span:nth-of-type(3),.light-loading .box span:nth-of-type(3){background:#009b9e;-webkit-animation-delay:.4s;animation-delay:.4s}.dark-loading .box span:nth-of-type(4),.light-loading .box span:nth-of-type(4){background:#00a77d;-webkit-animation-delay:.6s;animation-delay:.6s}.dark-loading .box span:nth-of-type(5),.light-loading .box span:nth-of-type(5){background:#00b247;-webkit-animation-delay:.8s;animation-delay:.8s}.dark-loading .box span:nth-of-type(6),.light-loading .box span:nth-of-type(6){background:#5ab027;-webkit-animation-delay:1s;animation-delay:1s}.dark-loading .box span:nth-of-type(7),.light-loading .box span:nth-of-type(7){background:#a0b61e;-webkit-animation-delay:1.2s;animation-delay:1.2s}
4.页首 HTML 代码
<div class="light-loading"> <div class="box"> <h2>Loading</h2> <span></span><span></span><span></span><span></span><span></span><span></span><span></span> </div> </div>
5.页脚 HTML 代码
<script> window.$silence = { }; </script> <script> !function(t){var e={};function a(n){if(e[n])return e[n].exports;var s=e[n]={i:n,l:!1,exports:{}};return t[n].call(s.exports,s,s.exports,a),s.l=!0,s.exports}a.m=t,a.c=e,a.d=function(t,e,n){a.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},a.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},a.t=function(t,e){if(1&e&&(t=a(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(a.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var s in t)a.d(n,s,function(e){return t[e]}.bind(null,s));return n},a.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return a.d(e,"a",e),e},a.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},a.p="",a(a.s=13)}([function(t,e,a){},function(t,e,a){},function(t,e,a){},function(t,e,a){},function(t,e,a){},function(t,e,a){},function(t,e,a){},function(t,e,a){},function(t,e,a){},function(t,e,a){},function(t,e,a){},function(t,e,a){},function(t,e,a){},function(t,e,a){"use strict";a.r(e);a(0);var n={version:"3.0.0",avatar:null,favicon:null,github:null,defaultMode:"auto",defaultTheme:"a",navbars:[],showNavAdmin:!0,hljsln:!1,catalog:{enable:!1,index:!0,active:!1,levels:["h2","h3","h4"]},signature:{enable:!0,author:null,license:["署名-非商业性使用-相同方式共享 4.0 国际","https://creativecommons.org/licenses/by-nc-sa/4.0/"],remark:null},sponsor:{enable:!1,text:"Buy me a cup of coffee ☕.",paypal:null,wechat:null,alipay:null}};function s(){return $("#topics").length>0}a(1);var i=function(){var t=n.github;t&&$("body").append(`<a href="${t}" class="github-corner" title="GitHub" target="_blank">\n <svg width="60" height="60" viewBox="0 0 250 250" style="color:#fff" aria-hidden="true">\n <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>\n <path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>\n <path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path>\n </svg>\n </a>`)};a(2);var l=function(){const t=n.navbars,e=$("#navList");t&&t.length&&(t.reverse().forEach(t=>{if(t.target=t.target||"_self",t.chilren&&t.chilren.length){var a=t.chilren.map(t=>(t.target=t.target||"_self",`<li><a class="menu" target="${t.target}" href="${t.url}">${t.title}</a></li>`));e.find("li").eq(1).after(`\n <li class="esa-has-subnavs">\n <a class="menu" href="javascript:void(0);">${t.title}\n <svg class="arrow" width="9px" height="9px" viewBox="0 0 13 7" xml:space="preserve" fill="none" stroke="var(--text-color)"><path d="M1,1l6.2,6L13,1"></path></svg>\n </a>\n <div class="esa-sub-navs"><div class="caret"></div><ul>${a.join("")}</ul></div>\n </li>`)}else e.find("li").eq(1).after(`<li><a class="menu" target="${t.target}" href="${t.url}">${t.title}</a></li>`)}),$("li.esa-has-subnavs").hover((function(){$(this).find("svg").addClass("open"),$(this).find(".esa-sub-navs").fadeIn("fast")}),(function(){$(this).find("svg").removeClass("open"),$(this).find(".esa-sub-navs").hide()}))),$.each(e.children("li"),(t,e)=>{$(e).children("a").length||$(e).remove()}),$("#header").prepend('<div class="esa-mobile-menu"><i class="fa fa-bars"></i></div>'),$(".esa-mobile-menu").on("click",()=>{$("#navigator").fadeToggle()}),n.showNavAdmin||$("#blog_nav_admin").parent().remove()};a(3);var o=function(){$("#footer").append(`<span class="esa-copyright">& Theme <a href="https://github.com/esofar/cnblogs-theme-silence" target="_blank">Silence v${n.version}</a></span>`)};a(4);var c=function(){const t=n.avatar,e=n.favicon;t&&$("#sideBarMain").prepend(`<img class="esa-profile-avatar" src="${t}" />`),e&&$("#favicon").attr("href",e)};a(5);var r=function(){const t=n.catalog;if(t.enable){const e=t.levels,a=e[0],n=e[1],s=e[2];let i=$("#cnblogs_post_body").find(e.join(",")),l=$(".esa-toolbar");if(!i.length)return l.find(".contents").remove(),!1;$("body").append('<div class="esa-contents noactive"></div>'),t.active&&l.find(".contents").trigger("click");let o=0,c=0,r=0,d="<ul>";$.each(i,(e,i)=>{const l=i.tagName.toLowerCase(),h=$(i).text();let u=$(i).attr("id"),f="",p=h;if(t.index)l===a?(o++,c=0,r=0,f=`<span class="level1">${o}. </span>`):l===n?(c++,r=0,f=`<span class="level2">${o}.${c}. </span>`):l===s&&(r++,f=`<span class="level3">${o}.${c}.${r}. </span>`);else switch(l){case a:p=`<span class="level1">${p}</span>`;break;case n:p=`<span class="level2">${p}</span>`;break;case s:p=`<span class="level3">${p}</span>`}u||(u=$(i).text().replace(/\ /g,"-").toLowerCase(),$(i).attr("id",u)),d+=`<li class="${l}" title="${h}">\n <a class="esa-anchor-link" href="#${u}">${f+p}</a>\n </li>`,$(i).append(`<a href="#${u}" class="esa-anchor">#</a>`).hover(()=>{$(i).find(".esa-anchor").css("opacity",1)},()=>{$(i).find(".esa-anchor").css("opacity",0)})}),d+="</ul>",$(".esa-contents").append(d)}};a(6);const d="https://unpkg.com/[email protected]/dist/css/lightbox.min.css",h="https://unpkg.com/[email protected]/dist/js/lightbox.min.js";var u=function(){$("head").append(`<link rel="stylesheet" href="${d}"/>`),$.getScript(h,()=>{$("#cnblogs_post_body").find("img").wrap((function(){return`<a href="${$(this).attr("src")}" data-title="${$(this).attr("title")||""}" data-alt="${$(this).attr("alt")||""}" data-lightbox="roadtrip"></a>`})),$(".code_img_closed, .code_img_opened, .cnblogs_code_copy img").unwrap()})};a(7);var f=function(){let t=$(".postBody .cnblogs-markdown").find("pre code");if(!t.length)return!1;$.each(t,(t,e)=>{if(!$(e).hasClass("hljsln")){if($(e).addClass("hljsln"),!n.hljsln)return $(e).addClass("ln-hide"),!0;$(e).html(function(t){var e=t.replace(/<span[^>]*>|<\/span>/g,"");/\r|\n$/.test(e)&&(t+='<span class="ln-eof"></span>');var a=1;return t='<span class="ln-bg"></span>'+(t='<span class="ln-num" data-num="1"></span>'+(t=t.replace(/\r\n|\r|\n/g,(function(t){return t+'<span class="ln-num" data-num="'+ ++a+'"></span>'}))))}($(e).html()));var a=$("span[data-num]:last");a.html()||a.remove()}})};a(8);var p=function(){const t=n.signature;if(t.enable){const e=$("#cb_post_title_url").attr("href"),a=t.author||$("#profile_block a").eq(0).html(),n=`<div class="esa-post-signature"> \n <p>作者:${$.trim(a)||"匿名"}</p> \n <p>出处:<a href="${e}">${e}</a></p> \n <p>版权:本作品采用「<a href="${t.license[1]}" target="_blank">${t.license[0]}</a>」许可协议进行许可。</p> \n <p>${t.remark||""}</p> \n </div>`;$("#MySignature").html(n).show()}};a(9);var v=function(){const t=n.sponsor;if(!t.enable)return!1;$("#blog_post_info").prepend(`\n <div class="esa-sponsor">\n <div class="title">${t.text}</div>\n <ul class="box">\n <li class="paypal"><svg t="1599893643429" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1307" width="25" height="25"><path d="M941.021887 369.059735c7.422144 34.295426 5.703717 73.709573-2.303424 116.524012-37.147285 188.515157-162.263434 253.632592-322.771878 253.632592h-25.154854c-19.414575 0-35.428857 14.295855-38.82915 33.710429l-2.303424 10.859-31.407006 197.655729-1.133431 8.555575c-3.985289 19.414575-19.999572 33.71043-39.414146 33.71043H334.30728c-16.014282 0-26.288285-13.125861-23.984861-29.140144 10.274003-63.984004 19.999572-127.968008 30.273575-191.952012s20.548006-127.383011 30.858571-191.367015c1.718428-13.710858 10.859-21.133002 24.569857-21.133003 22.85143 0 45.70286-0.584997 74.843004 0 41.132574 0.584997 88.553862-1.718428 134.805156-11.99243 61.68058-13.710858 117.694005-38.82915 163.945299-82.265148 41.717571-38.82915 69.687721-86.835434 88.553862-140.545435a515.893884 515.893884 0 0 0 19.999571-75.976435c1.133431-6.837148 2.851858-5.703717 6.837148-2.851858 31.407005 23.436427 49.139715 54.843432 55.976863 92.539151z m-98.242867-161.093441c0 46.836291-10.859 91.40572-26.288286 134.805156-29.688578 86.250437-85.702003 147.96758-172.537437 179.959582-46.287857 16.562716-94.842575 23.436427-143.98229 23.98486-34.295426 0.584997-68.55429 0-102.813154 0-37.147285 0-60.547149 18.281144-67.420859 54.843432-8.007141 43.435998-39.414146 245.662013-48.554718 302.772307-0.584997 3.985289-2.303424 5.703717-6.837148 5.703717H105.829543a27.494841 27.494841 0 0 1-27.421716-31.407005L210.946121 38.280716A45.995358 45.995358 0 0 1 256.063984 0h341.638019c24.569858 0 81.131717 10.859 119.412433 25.703288 81.131717 31.407005 125.664584 95.391009 125.664584 182.226444z" fill="var(--text-color)" p-id="1308"></path></svg></li>\n <li class="alipay"><svg t="1599893614075" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1025" width="25" height="25"><path d="M828.571429 624.342857c-44.228571-14.742857-103.657143-37.371429-169.714286-61.257143 39.771429-68.914286 71.428571-147.428571 92.228571-232.685714H533.142857v-78.4h266.971429v-43.771429H533.142857V77.714286h-109.028571c-19.085714 0-19.085714 18.857143-19.085715 18.857143v111.771428H135.085714v43.771429h270.057143v78.4H182.171429v43.771428h432.457142a762.491429 762.491429 0 0 1-62.285714 151.885715c-140.342857-46.171429-290.057143-83.657143-384.114286-60.571429-60.114286 14.857143-98.857143 41.257143-121.714285 68.914286-104.457143 126.857143-29.6 319.542857 191.085714 319.542857C368 853.942857 493.714286 781.257143 591.085714 661.714286 736.342857 731.428571 1024 851.085714 1024 851.085714V680.457143s-36.114286-2.857143-195.428571-56.114286zM217.028571 780.114286c-172 0-222.857143-135.2-137.828571-209.257143 28.342857-25.028571 80.228571-37.257143 107.885714-40 102.171429-10.057143 196.8 28.8 308.457143 83.2-78.628571 102.285714-178.628571 166.057143-278.514286 166.057143z" fill="var(--text-color)" p-id="1026"></path></svg></li>\n <li class="wechat"><svg t="1599893658389" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1451" width="25" height="25"><path d="M1004.416 543.914667c-25.984-58.88-75.008-105.642667-131.925333-134.442667-100.437333-50.858667-225.322667-50.56-325.504 1.28-69.589333 35.712-127.701333 99.712-144.170667 177.578667-13.568 57.344-1.408 119.082667 29.013333 169.002666 45.269333 75.178667 127.104 123.178667 212.096 138.581334 61.568 12.501333 125.269333 5.077333 185.088-12.16 35.925333 13.909333 67.925333 36.437333 102.741334 53.162666a2238.762667 2238.762667 0 0 0-28.842667-89.685333c39.082667-27.733333 74.496-62.336 95.744-105.770667 31.744-60.373333 33.664-135.296 5.76-197.546666z m-423.424-403.882667c-106.453333-59.904-239.018667-68.906667-353.536-27.52-75.264 27.093333-143.36 77.44-185.429333 145.92-38.186667 61.866667-52.48 139.008-34.090667 209.792 18.474667 78.506667 73.002667 144.341333 139.178667 188.288-12.8 36.266667-24.96 72.490667-36.48 109.013333 41.6-21.76 83.2-44.501333 124.842666-66.602666 49.92 16 103.04 23.850667 156.16 22.101333a262.784 262.784 0 0 1-10.88-125.909333c9.6-58.496 41.6-112 85.077334-151.637334 73.642667-68.906667 177.962667-97.962667 277.162666-90.922666-18.602667-91.093333-82.602667-168.064-163.157333-212.48h1.152z m73.941333 426.197333c-8.917333 27.818667-49.322667 36.181333-68.906666 15.018667-21.589333-19.584-13.184-60.501333 15.146666-69.248 31.317333-13.226667 67.498667 22.912 53.76 54.229333z m204.586667 3.925334c-10.922667 25.002667-48.682667 30.848-67.242667 11.52-8.917333-8.149333-11.52-20.437333-14.677333-31.146667 4.437333-19.541333 17.92-39.808 39.68-40.746667 30.08-4.181333 57.002667 32.981333 41.6 60.416h0.64zM554.24 294.784c0.341333 41.002667-54.4 66.602667-85.12 38.784-31.872-22.826667-22.826667-78.378667 14.592-89.856 33.493333-13.44 73.088 14.677333 70.442667 50.56l0.085333 0.512z m-258.517333 10.410667c-7.338667 35.626667-55.082667 52.821333-83.029334 28.928-32.384-22.826667-23.296-79.402667 14.72-90.922667 37.248-14.336 79.573333 23.466667 68.309334 61.994667z" fill="var(--text-color)" p-id="1452"></path></svg><i class="fa fa-fwechat"></i></li>\n </ul>\n <div class="qrshow">\n <img src="">\n </div>\n </div>`);var e=$(".esa-sponsor");e.find(".box li").hover((function(){var a=null;switch($(this).attr("class")){case"paypal":a=t.paypal;break;case"alipay":a=t.alipay;break;case"wechat":a=t.wechat}a&&e.find(".qrshow").html(`<img src="${a}">`).show()}),(function(){e.find(".qrshow").hide()}))};a(10);var g=function(){const t=".feedbackItem > .feedbackCon > .blog_comment_body",e=()=>{$(t).before("<div class='esa-comment-avatar'><a target='_blank'><img /></a></div>");let e=$(".feedbackItem > .feedbackCon");$.each(e,(function(t,e){let a=null,n=$(e).find('span[id$="avatar"]');n.length&&(a=$.trim($(n).text())),$(e).find(".esa-comment-avatar img").attr("src",a||"https://pic.cnblogs.com/face/sample_face.gif");const s=$(e).parent().find(".comment_date").next().attr("href");$(e).find(".esa-comment-avatar a").attr("href",$.trim(s))}))};if($(t).length)e();else{let a=1,n=setInterval(()=>{$(t).length&&(clearInterval(n),e()),10==a&&clearInterval(n),a++},500)}};a(11);var m=function(){$("body").append('<div class="esa-toolbar">\n <div class="bars"><i class="fa fa-ellipsis-h"></i></div>\n <span class="up" title="返回顶部"><i class="fa fa-chevron-up"></i></span>\n <span class="mode" title="切换模式"><i class="fa fa-adjust"></i></span>\n <span class="skin" title="主题设置"><i class="fa fa-cog"></i></span>\n <div class="skin-popup">\n <div class="item">\n <div class="title">主题色彩</div>\n <div class="themes">\n <button data-theme="a" style="background: #2D8CF0;"></button>\n <button data-theme="b" style="background: #FA7298;"></button>\n <button data-theme="c" style="background: #42B983;"></button>\n <button data-theme="d" style="background: #607D8B;"></button>\n <button data-theme="e" style="background: #5E72E4;"></button>\n <button data-theme="f" style="background: #FF9700;"></button>\n <button data-theme="g" style="background: #FF5722;"></button>\n <button data-theme="h" style="background: #009688;"></button>\n <button data-theme="i" style="background: #673BB7;"></button>\n <button data-theme="j" style="background: #906f61;"></button>\n </div>\n </div>\n </div>\n </div>\n </div>');const t=s()&&n.catalog.enable;t&&$(".esa-toolbar").append('<span class="contents" title="阅读目录"><i class="fa fa-list-ul"></i></span>');const e="silence-mode-"+currentBlogApp,a="silence-theme-"+currentBlogApp,i=(new Date).getHours(),l=sessionStorage.getItem(a)||n.defaultTheme,o=sessionStorage.getItem(e)||("auto"==n.defaultMode?i>=6&&i<18?"light":"dark":n.defaultMode);$("html").attr("mode",o),$("html").attr("theme",l);const c=$(".esa-toolbar"),r=$(".skin-popup");let d=!1;c.find(".bars").click((function(){d?(c.find(".bars").removeClass("bars-show"),c.find(".up").removeClass("up-show"),c.find(".mode").removeClass("mode-show"),c.find(".skin").removeClass("skin-show"),t&&c.find(".contents").removeClass("contents-show")):(c.find(".bars").addClass("bars-show"),c.find(".up").addClass("up-show"),c.find(".mode").addClass("mode-show"),c.find(".skin").addClass("skin-show"),t&&c.find(".contents").addClass("contents-show")),d=!d})),c.find(".up").click(()=>{$("html, body").animate({scrollTop:0},450)}),c.find(".mode").click(()=>{const t="light"==$("html").attr("mode")?"dark":"light";sessionStorage.setItem(e,t),$("html").attr("mode",t)}),c.find(".skin").click(()=>{r.slideToggle()}),r.find(".themes button").click((function(){const t=$(this).data("theme");sessionStorage.setItem(a,t),$("html").attr("theme",t)}));let h=!1;c.find(".contents").click(()=>{$(".esa-contents").toggleClass((function(){return $(this).hasClass("active")?($(this).removeClass("active"),"noactive"):($(this).removeClass("noactive"),"active")})),h?($("#home").css({width:"100%"}),h=!1):($("#home").css({width:"calc(100% - 252px)"}),h=!0)}),s()&&c.find(".bars").trigger("click")};a(12);const b={show:()=>{$(".light-loading, .dark-loading").show()},hide:()=>{$(".light-loading, .dark-loading").fadeOut()}};var w=b;new class{constructor(){this.init()}init(){const t=window.$silence;t&&$.extend(!0,n,t),this.building()}building(){l(),o(),i(),c(),m(),s()?(r(),u(),f(),p(),v(),g()):($(".forFlow").css({marginLeft:"260px"}),$("#sideBar").show()),w.hide()}}}]); </script>
The text was updated successfully, but these errors were encountered:
您好, 已经解决了, 经过尝试, 添加到侧边栏公告中的代码, 没有效果, 是因为后台中公告没有打开, 故而博客园没有将侧边栏公告中的代码添加到页面中.
侧边栏公告
公告
这个issue您看到可以直接关掉了, 留在这里给后面的朋友提个醒. 再次感谢您开发的样式, 给了我很大帮助
issue
开启方式如图:
Sorry, something went wrong.
No branches or pull requests
问题描述
配置之后, 展示如图所示, 图中箭头指向的部分应该是有 园龄 等信息的:
参考博客: https://www.cnblogs.com/esofar/
其他说明
您好, 我看文档上说的是, 要将 js 代码添加到
博客侧边栏公告
中, 但是经过测使用, 发现只能添加到博客侧边栏公告
中无用, 故我添加到了页脚HTML 代码
中了. 麻烦您有时间看一下这是什么问题, 十分感谢.下面是我当前使用的配置, 应该会对您查找问题有一定帮助. 其中的
css
和js
使用的版本是:3.0.0-beta4
.当前配置
1. 博客皮肤使用:
Custom
2.禁用皮肤默认 css
3.页面定制 CSS 代码
4.页首 HTML 代码
5.页脚 HTML 代码
The text was updated successfully, but these errors were encountered: