阅读 171

cnblog配置

[toc]

css

在开始之前,必须要确保你已经申请了博客园 JS 权限,具体申请过程就不详细介绍了,读者自行网上搜索,很简单的。

本皮肤如果经常逛博客的读者应该很熟悉,很多博主都在使用。最原始的皮肤主人也无从考证了。这个皮肤是博主自己整理调整出来的,并添加了一些易用的功能例如目录,代码高亮等。


/* #cnblogs_post_body ul li {

font: 14px/2 Noto Sans SC !important

}

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu {

margin: 0;

padding: 0

}

header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details {

display: block

}

table {

border-collapse: collapse;

border-spacing: 0

}

caption,th {

text-align: left;

font-weight: normal

}

html,body,fieldset,img,iframe,abbr {

border: 0

}

i,cite,em,var,address,dfn {

font-style: normal

}[hidefocus],summary {

outline: 0

}

li {

list-style: none

}

h1,h2,h3,h4,h5,h6,small {

font-size: 100%

}

sup,sub {

font-size: 83%

}

pre,code,kbd,samp {

font-family: inherit

}

q:before,q:after {

content: none

}

textarea {

overflow: auto;

resize: none

}

label,summary {

cursor: default

}

a,button {

cursor: pointer

}

h1,h2,h3,h4,h5,h6,em,strong,b {

font-weight: bold

}

del,ins,u,s,a,a:hover {

text-decoration: none

}

body,textarea,input,button,select,keygen,legend {

font: 16px/1.14 Noto Sans SC,\5b8b\4f53;

color: #000;

line-height: 23px;

outline: 0

}

body {

background: #fff

}

a,a:hover {

color: #7396a7

}

.bg_black {

background: rgba(0,0,0,0.6);

position: fixed;

width: 100%;

height: 100%;

z-index: 99999

}

/* body {

cursor: url(https://files-cdn.cnblogs.com/files/miluluyo/cursora.ico),auto

} */

* {

font-family: "Noto Sans SC";

font-weight: 100

}

a:visited,a:link {

color: #2daebf;

text-decoration: none

}

/* a:hover {

color: #f60;

text-transform: none;

cursor: pointer!important

} */

/* a:hover u {

cursor: pointer!important

} */

#cnblogs_post_body p {

font-size: 1rem

}

body,textarea,input,button,select,keygen,legend {

color: #000

}

*::-webkit-scrollbar-thumb {

height: 40px;

background-color: #ccc;

border-radius: 16px

}

*::-webkit-scrollbar {

width: 8px;

height: 8px;

border-radius: 2px

}

#blogTitle {

background: url(https://images.cnblogs.com/cnblogs_com/miluluyo/1764887/o_20051406473719.jpg) center center / cover no-repeat #222;

overflow: hidden;

width: 100%;

height: 40vh;

max-height: 40vh;

box-shadow: 0 1px 2px rgba(150,150,150,.7);

text-align: center;

display: table

}

.vertical {

display: table-cell;

vertical-align: middle;

width: 100%;

position: relative;

z-index: 2

}

#Header1_HeaderTitle {

font-family: 'Playball',cursive;

color: #fff;

font-size: 3rem;

text-shadow: 0 3px 6px rgba(0,0,0,0.3);

margin: 10px 0 10px 0;

letter-spacing: -1px;

font-weight: 700;

animation: fade-in-down 1s both;

animation-delay: .5s

}

.vertical h2 {

margin: 0;

font-size: 1rem;

line-height: 1.5em;

font-weight: 400;

letter-spacing: .01rem;

color: rgba(255,255,255,0.8);

-webkit-animation: fade-in-down .9s;

animation: fade-in-down .9s both;

-webkit-animation-delay: .1s;

animation-delay: .3s;

text-shadow: 0 3px 6px rgba(0,0,0,0.5);

-webkit-box-orient: vertical;

-webkit-line-clamp: 10;

overflow: hidden;

font-family: 'Playball',cursive

}

#navList {

text-align: center

}

#navList li {

font-family: 'Josefin Sans Light',-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","'Hiragino Sans GB",STHeiti,"Microsoft Yahei","Source Han Sans SC","Noto Sans CJK SC","WenQuanYi Micro Hei",Arial,Verdana,sans-serif;

color: #95a5a6;

display: inline-block;

padding: 1rem;

font-size: 1rem;

text-align: center

}

#navList li a {

text-shadow: 0 3px 6px rgba(0,0,0,0.3)

}

#navList li a:hover {

color: #f60;

font-weight: 500

}

.blogStats {

display: none

}

#navigator {

width: 100%;

box-shadow: 0 1px 3px rgba(26,26,26,.1);

background: hsla(0,0%,100%,.6);

z-index: 1

}

body::after {

content: "";

background-repeat: no-repeat;

background-position: center;

opacity: .06;

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter: grayscale(100%);

filter: gray;

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

z-index: -1

}

body::after {

background-image: url(http://img.xjh.me/random_img.php?type=bg&ctype=acg&return=302)

}

div#main {

max-width: 1200px;

margin: 0 auto;

justify-content: center;

display: -webkit-flex

}

div#mainContent {

width: calc(100% - 250px);

float: left;

transition: all .5s ease-in-out 0s

}

div#sideBar {

width: 250px;

float: right

}

div#sideBar {

font-size: .8rem

}

div#sideBarMain {

margin-top: 3.5rem;

padding: 10px

}

#sideBar h3 {

border-left: 3px solid #7396a7;

padding-left: 5px

}

.sidebar-block {

margin-top: 20px

}

div#catalogue {

width: 250px;

float: right;

visibility: hidden;

clip-path: circle(30px at calc(100%) 100%);

transition: all .5s ease-in-out 0s

}

div#catalogue {

font-size: .8rem

}

div#catalogue .catalogueMain {

margin-top: 3.5rem;

padding: 10px

}

#catalogue h3 {

border-left: 3px solid #7396a7;

padding-left: 5px

}

.catalogue-block {

margin-top: 20px

}

#blog-news {

padding: 10px 15px;

text-align: center

}

#portrait {

display: inline-block;

width: 100%;

text-align: center

}

/* #portrait:hover {

cursor: pointer

} */

#portrait img {

min-height: 80px;

max-height: 80px;

border: rgba(255,255,255,.4) 4px solid;

border-radius: 50%;

-webkit-transition: .4s;

-webkit-transition: -webkit-transform .4s ease-out;

transition: transform .4s ease-out;

-moz-transition: -moz-transform .4s ease-out;

/* cursor: pointer */

}

#portrait img:hover {

transform: rotateZ(360deg)

}

#profile_block {

display: none

}

#blog-calendar {

padding: 0 15px 10px 15px

}

#sideBar #blog-calendar #blogCalendar table,#sideBar #blog-calendar #blogCalendar tbody,#sideBar #blog-calendar #blogCalendar td,#sideBar #blog-calendar #blogCalendar tr {

display: block

}

.CalTitle {

background-color: var(--background-w);

-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);

box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);

border-radius: 2px;

margin-bottom: 10px;

color: var(--text-3);

padding: 0 15px;

line-height: 30px

}

.CalTitle tody {

line-height: 30px

}

#sideBar #blog-calendar #blogCalendar tr {

text-align: center

}

.CalTitle td:nth-child(1) {

display: inline-block;

float: left;

vertical-align: top

}

.CalTitle td:nth-child(2) {

display: inline-block!important;

vertical-align: top

}

.CalTitle td:nth-child(3) {

display: inline-block;

vertical-align: top;

float: right

}

#sideBar #blog-calendar #blogCalendar tr:not(:first-child) {

display: -webkit-box;

display: -webkit-flex;

display: -ms-flexbox;

display: flex;

-webkit-box-pack: justify;

-webkit-justify-content: space-between;

-ms-flex-pack: justify;

justify-content: space-between

}

#sideBar #blog-calendar #blogCalendar tr:not(:first-child) td,#blogCalendar th {

display: -webkit-box;

display: -webkit-flex;

display: -ms-flexbox;

display: flex;

-webkit-box-align: center;

-webkit-align-items: center;

-ms-flex-align: center;

align-items: center;

-webkit-box-pack: center;

-webkit-justify-content: center;

-ms-flex-pack: center;

justify-content: center;

width: 21.6px;

height: 21.6px

}

#sideBar #blog-calendar #blogCalendar .CalTodayDay {

background-color: var(--themeColor);

color: #fff;

border-radius: 50%;

font-size: .7em

}

#sideBar #blog-calendar #blogCalendar .CalTodayDay,#sideBar #blog-calendar #blogCalendar .CalTodayDay u {

color: #fff;

border-radius: 50%;

font-size: .7em;

background: #2daebf

}

h3.catListTitle {

margin-bottom: 5px

}

#sideBar ul {

padding: 0 0 0 10px

}

#sideBar li {

line-height: 20px

}

#sideBar #sideBarMain ul li:hover {

-webkit-transform: translateX(5px);

transform: translateX(5px);

-webkit-transition: all .2s;

transition: all .2s

}

li.recent_comment_body {

color: #7f8c93;

font-weight: 400

}

li.recent_comment_author {

font-size: .3rem

}

.input_my_zzk {

background-color: rgba(254,252,250,0.6);

border-color: #ddd;

height: 35px;

padding: 0 10px;

font-size: 13px;

line-height: 35px;

border-radius: 6px;

font-family: Lato,Helvetica,Arial,sans-serif;

color: #7396a7;

border: 2px solid #bdc3c7;

box-shadow: none;

transition: border .25s linear,color .25s linear,background-color .25s linear;

width: calc(100% - 44px)!important;

padding-right: 30px

}

.search_icon {

float: right;

line-height: 40px;

display: inline-block;

margin-top: -38px;

margin-right: 0;

padding: 10px 5px;

position: absolute;

right: 10px;

z-index: 3;

/* cursor: pointer */

}

.btn_my_zzk {

display: none

}

.div_my_zzk {

margin-top: 10px;

margin-bottom: 5px;

height: 40px;

position: relative

}

#topics .postTitle {

text-align: center;

padding: 10px

}

#topics .postTitle2 {

font-size: 2rem;

font-weight: 400;

color: #606975;

text-shadow: 0 3px 6px rgba(0,0,0,0.3)

}

a.postTitle2:hover {

color: #f60!important;

transition: color .3s ease

}

#cnblogs_post_body {

padding: 10px 0

}

#cnblogs_post_body table {

font-size: .8rem

}

.day {

min-height: 10px;

_height: 10px;

position: relative;

max-width: 830px;

margin: 3.5rem auto;

padding-bottom: 3.5rem;

border-bottom: #ebf2f6 1px solid;

word-wrap: break-word;

margin-top: 0;

margin-bottom: 0;

padding-bottom: 0

}

.day .dayTitle {

display: none;

border: 1px solid #21759b;

background: azure;

border-radius: 50%;

font-size: 12px;

height: 65px;

line-height: 1.5;

margin: 15px;

text-align: center;

width: 63px;

margin-left: -100px;

clear: both;

position: absolute;

top: -15px

}

.day .dayTitle a {

display: inline-block;

color: #21759b;

margin-top: 15px;

width: 60px

}

.day .postTitle {

font-size: 20px;

float: right;

width: 100%;

clear: both;

border-bottom: 1px dashed #95a5a6;

box-sizing: border-box;

background-size: 35px 35px;

margin-top: 2.5rem

}

.day .postTitle a:link {

background-color: rgba(0,0,0,0);

color: #7396a7;

font-family: "Open Sans","Microsoft Jhenghei","Microsoft Yahei",sans-serif;

font-size: 1.6rem;

line-height: 3rem;

font-weight: bold;

letter-spacing: -1px;

transition: all .5s ease;

word-wrap: break-word;

-webkit-tap-highlight-color: rgba(0,0,0,0)

}

.day .postTitle a:visited,.day .postTitle a:active {

color: #7396a7;

transition: color .3s ease

}

.day .postTitle .postTitle2 {

display: inline-block;

transition: all .5s;

padding-left: 10px

}

.day .postCon {

width: 100%;

clear: both;

padding: 10px 0;

color: #3a4145;

font-family: Merriweather,"Open Sans","Microsoft Jhenghei","Microsoft Yahei",sans-serif;

font-feature-settings: 'liga' 1,'onum' 1,'kern' 1;

margin: 0;

font-size: 16px;

line-height: 1.7em;

word-wrap: break-word;

display: block;

-webkit-margin-before: 0;

-webkit-margin-after: 0;

-webkit-margin-start: 0;

-webkit-margin-end: 0

}

.day .c_b_p_desc {

word-wrap: break-word;

word-break: break-all;

overflow: hidden;

line-height: 1.5;

color: #7f8c93

}

.day .c_b_p_desc .c_b_p_desc_readmore {

color: #7396a7

}

a.c_b_p_desc_readmore:hover {

color: #f60!important

}

.day .postDesc {

float: left;

width: 100%;

clear: both;

text-align: left;

padding-right: 5px;

margin: 0;

font-family: "Open Sans",sans-serif;

font-size: .8rem;

line-height: 1rem;

color: #9eabb3;

padding-bottom: 5px

}

.postDesc {

margin-bottom: 3.5rem

}

.postDesc a {

display: none

}

.postTitle {

font-size: 20px;

float: right;

width: 100%;

clear: both;

border-bottom: 1px dashed #9eabb3;

box-sizing: border-box

}

.poem-wrap {

position: relative;

width: 1000px;

max-width: 80%;

border: 2px solid #797979;

border-top: 0;

text-align: center;

margin: 40px auto

}

.poem-left {

left: 0

}

.poem-right {

right: 0

}

.poem-border {

position: absolute;

height: 2px;

width: 27%;

background-color: #797979

}

.poem-wrap p {

width: 70%;

margin: auto;

line-height: 30px;

color: #797979

}

.poem-wrap h1 {

position: relative;

margin-top: -20px;

display: inline-block;

letter-spacing: 4px;

color: #797979;

font-size: 2em;

margin-bottom: 20px

}

#poem_sentence {

font-size: 25px

}

#poem_info {

font-size: 15px;

margin: 15px auto

}

div#home::after {

content: "";

background-repeat: no-repeat;

background-position: center;

opacity: .06;

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter: grayscale(100%);

filter: gray;

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

z-index: -1

}

/* div#home::after {

background-image: url(https://api.imacroc.cn/acg/)

} */

.container {

width: 100%;

height: 200px;

position: fixed;

z-index: -1;

bottom: 0;

left: 0

}

div#footer {

position: relative;

text-align: center;

margin-top: 180px;

margin-bottom: 100px

}

.topicListFooter {

margin-top: 20px

}

#homepage_bottom_pager .pager {

text-align: right

}

#homepage_bottom_pager .pager a {

border: 0

}

.forFlow {

max-width: 830px;

margin: 3.5rem auto

}

#topics .postTitle {

text-align: center;

padding: 10px

}

#topics .postTitle2 {

font-size: 2rem;

font-weight: 400;

color: #606975;

text-shadow: 0 3px 6px rgba(0,0,0,0.3)

}

#cnblogs_post_body {

padding: 10px 0

}

#topics .postTitle {

padding-bottom: 50px

}

#topics .icon {

padding-right: 10px

}

#BlogPostCategory {

margin-bottom: 10px;

text-align: right

}

#BlogPostCategory a {

margin-left: 5px;

height: 20px;

line-height: 20px;

color: #333;

padding: 3px 14px;

border-radius: 10px;

margin: 2px 5px 0;

background: #e7e7e7;

text-decoration: none

}

#green_channel a {

text-decoration: none;

color: #fff;

margin: auto;

width: 80px;

display: inline-block;

line-height: 30px;

font-size: 12px;

font-weight: 500;

letter-spacing: 2px;

border-radius: 3px;

text-transform: uppercase;

transition: all .4s;

-webkit-transition: all .4s;

-moz-transition: all .4s;

-ms-transition: all .4s;

-o-transition: all .4s;

position: relative;

background-image: none;

margin-top: 10px;

box-shadow: 0 15px 18px -6px rgba(95,193,206,0.65);

margin-right: 10px;

margin-bottom: 10px

}

#blog_post_info {

border: #c0c0c0 1px dashed;

border-right: 0;

border-left: 0;

margin: 20px 0 20px 0

}

#green_channel {

padding: 10px 0;

margin-bottom: 10px;

margin-top: 10px;

border: 0;

font-size: 12px;

width: auto;

text-align: center;

margin: auto;

margin-bottom: 10px;

margin-top: 10px

}

a#green_channel_wechat,a#green_channel_weibo {

display: none

}

a#pink_channel_admire {

background: #ff6777

}

#author_profile_info img.author_avatar {

border-radius: 100%;

box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3),0 1px 3px rgba(0,0,0,0.4);

border: 3px solid #f7f7f7;

padding: 0;

margin-left: 3px;

margin-right: 7px

}

.author_avatar:hover {

transform: rotateZ(360deg)

}

#author_profile {

margin-top: 20px

}

#div_digg {

margin-top: 20px

}

#author_profile_detail a {

color: #2daebf

}

#post_next_prev a {

color: #2daebf

}

#post_next_prev {

margin-bottom: 10px

}

#commentform_title,.feedback_area_title {

font: normal normal 16px/35px"Microsoft YaHei";

margin: 10px 0 30px;

border-bottom: 2px solid #ccc;

background-image: none;

padding: 0;

border-bottom: 0;

overflow: hidden

}

#commentform_title:after,.feedback_area_title:after {

content: '';

display: block;

width: 100%;

text-align: center;

position: relative;

bottom: 16px;

left: 110px;

border-bottom: 1px dashed #e9e9e9

}

#tbCommentAuthor {

padding-left: 10px;

color: #555;

border: 1px solid #ddd;

border-radius: 3px;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

width: 320px;

height: 20px;

background: #fff

}

.commentbox_title {

width: 100%

}

div.commentform p {

margin-bottom: 20px

}

textarea#tbCommentBody {

width: calc(100% - 20px);

border-radius: 10px;

outline: 0;

padding: 10px;

height: 200px;

position: relative;

background: url(https://images.cnblogs.com/cnblogs_com/miluluyo/1765646/o_200522074153comment-bg.png);

background-size: contain;

background-repeat: no-repeat;

background-position: right;

resize: vertical

}

.feedbackItem {

margin-top: 30px

}

.feedbackListSubtitle {

clear: both;

color: #a8a8a8;

padding: 8px 5px

}

.feedbackManage {

width: 200px;

text-align: right;

float: right

}

.feedbackListSubtitle a:link,.feedbackListSubtitle a:visited,.feedbackListSubtitle a:active {

color: #777;

font-weight: 450

}

.louzhu {

background: transparent url(/images/icoLouZhu.gif) no-repeat scroll right top;

padding-right: 16px

}

.feedbackCon {

border-bottom: 1px solid #EEE;

padding: 10px 20px 10px 5px;

min-height: 35px;

_height: 35px;

margin-bottom: 1em;

line-height: 1.5

}

.comment-avatar {

width: 48px;

height: 48px;

border: 1px solid #dcd6b3;

padding: 3px;

border-radius: 50%;

-webkit-transition: all .6s ease-out;

-moz-transition: all .5s ease-out;

-ms-transition: all .5s ease-out;

-o-transition: all .5s ease-out;

transition: all .5s ease-out

}

.blog_comment_body {

display: inline-block;

width: 70%;

margin-left: 15px;

vertical-align: top!important;

font-family: Lato,Helvetica,Arial,sans-serif

}

.comment_vote {

padding-right: 10px

}

.comment_vote a {

color: #999

}

.blog_comment_body a {

color: #2daebf

}

.comment-avatar:hover {

transform: rotateZ(360deg)

}

#comment_nav {

padding-top: 10px

}

.blog_comment_body img {

max-width: 100px!important

}

.comment_btn {

width: 200px;

height: 38px;

padding: 8px 20px;

text-align: center;

font-size: 14px;

color: #fff;

border: 0;

background: #7396a7!important;

border-radius: 3px;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

-webkit-transition: all .4s ease;

-moz-transition: all .4s ease;

-o-transition: all .4s ease;

-ms-transition: all .4s ease;

transition: all .4s ease;

/* cursor: pointer; */

display: inline-block;

vertical-align: middle;

outline: 0;

text-decoration: none

}

.comment_btn:hover {

background: #8cb7cc!important

}

p#commentbox_opt {

text-align: center

}

#author_profile_follow {

margin-top: 5px

}

#ad_t2,#cnblogs_c1,#under_post_news,#cnblogs_c2,#under_post_kb {

display: none

}

.OwO {

position: relative;

-webkit-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;

margin: 0 0 5px 0

}

.OwO .OwO-logo {

position: relative;

display: inline-block;

color: #888;

background: #fff;

border: 1px solid #ddd;

border-radius: 4px;

font-size: 13px;

padding: 2px 5px;

cursor: pointer;

height: 22px;

box-sizing: border-box;

z-index: 2;

line-height: 16px

}

.OwO .OwO-body .OwO-bar {

height: auto!important

}

.OwO .OwO-body .OwO-items-image .OwO-item img {

max-width: 100%!important

}

.icon {

width: 1.5rem;

height: 1.5rem;

vertical-align: -0.15em;

fill: currentColor;

overflow: hidden

}

path {

cursor: pointer!important

}

use {

cursor: pointer!important

}

.search_icon {

width: 1rem;

height: 1rem

}

#info_table .icon {

cursor: pointer

}

#info_table tr {

height: 2rem

}

.notice_title {

font-weight: 500;

text-align: center;

width: 100%;

display: inline-block;

margin: 50px auto

}

.notice_title b {

font-size: 14px;

margin-bottom: 5px;

display: block

}

.notice_title span {

display: inline-block;

width: 100px;

font-weight: 500

}

#info_table {

width: 75%;

margin: 0 auto;

text-align: center;

margin-top: 10px;

margin-bottom: 10px

}

#blog-news {

position: relative;

overflow: inherit

}

.attention {

height: 90px;

width: calc(100% - 30px);

line-height: 90px;

position: absolute;

z-index: 2;

cursor: pointer

}

.attention span {

color: #fff;

margin: 4px;

background: rgba(0,0,0,0.4);

width: 80px;

height: 80px;

display: inline-block;

border-radius: 40px;

display: none;

cursor: pointer

}

.attention:hover span {

display: inline-block

}

.attention:hover:hover {

background: url(https://images.cnblogs.com/cnblogs_com/miluluyo/1765646/o_200519071022snow2.gif);

background-size: cover;

color: #999

}

.fly_top {

display: none

}

#loader {

width: 500px;

position: fixed;

text-align: center;

left: calc(50% - 250px);

top: calc(50% - 10px)

}

#loader .square {

display: inline-block;

height: 10px;

width: 10px;

margin: 10px;

position: relative;

box-shadow: 0 0 20px rgba(0,0,0,.3);

animation: bouncer cubic-bezier(.455,.03,.515,.955) .75s infinite alternate

}

#loader .square:nth-child(5n+1) {

background: #0F9;

animation-delay: 0

}

#loader .square:nth-child(5n+2) {

background: #0CF;

animation-delay: calc(0s+(.1s * 1))

}

#loader .square:nth-child(5n+3) {

background: #93F;

animation-delay: calc(0s+(.1s * 2))

}

#loader .square:nth-child(5n+4) {

background: #F66;

animation-delay: calc(0s+(.1s * 3))

}

#loader .square:nth-child(5n+5) {

background: #fff35c;

animation-delay: calc(0s+(.1s * 4))

}

@keyframes bouncer {

to {

transform: scale(1.75) translateY(-20px)

}

}

#set_btn_box {

z-index: 999;

position: fixed;

right: 24px;

bottom: 96px;

width: 32px

}

.set_btn {

display: inline-block;

margin-top: 16px;

width: 32px;

height: 32px;

-webkit-transition: all;

transition: all;

cursor: pointer;

-webkit-transition-duration: .3s;

transition-duration: .3s;

-webkit-transition-timing-function: ease;

transition-timing-function: ease;

border-radius: 100%;

box-shadow: 0 2px 6px rgba(0,0,0,.15);

background: #fff;

text-align: center;

line-height: 32px;

box-shadow: #7f8c93 1px 1px 5px

}

.set_btn svg {

width: 20px;

height: 20px;

margin: 6px auto;

cursor: pointer

}

.set_btn use {

cursor: pointer

}

.tippy-box {

background-color: #fff;

color: #000;

-moz-box-shadow: 2px 2px 10px #4d4d4d;

-webkit-box-shadow: 2px 2px 10px #4d4d4d;

box-shadow: 2px 2px 10px #4d4d4d

}

.tippy-box[data-theme~='tomato'] {

background-color: #fff;

color: #000;

-moz-box-shadow: 2px 2px 10px #4d4d4d;

-webkit-box-shadow: 2px 2px 10px #4d4d4d;

box-shadow: 2px 2px 10px #4d4d4d

}

.tippy-arrow {

width: 16px;

height: 16px;

color: #fff!important

}

.popper_box {

color: #595959;

justify-content: center;

font-size: 12px;

color: #8c8c8c;

width: 300px;

min-height: 158px

}

.popper_box p {

display: block;

box-sizing: border-box;

width: 100%;

margin: 5px 10px 0 5px;

text-align: center

}

.popper_box p:nth-child(3) {

margin-bottom: 5px

}

.popper_box_con {

display: block;

width: 300px

}

.popper_box_con_li {

text-align: center;

display: inline-block;

box-sizing: border-box;

width: calc(50% - 5px);

padding: 0;

vertical-align: top;

padding: 5px;

margin: 0 auto

}

.popper_box_con_li img {

width: 100%;

vertical-align: middle

}

#info_table .popper_box {

width: 200px

}

#info_table .popper_box_con {

width: 200px

}

#info_table .popper_box_con_li {

width: 70%;

display: block

}

canvas#thumsCanvas {

position: absolute;

margin-top: -200px;

margin-left: -30px;

pointer-events: none

}

.aplayer .aplayer-lrc p {

text-shadow: none;

color: #7396a7!important

}

@media only screen and (max-width:1300px) {

#sideBar {

width: 100%;

visibility: hidden;

position: fixed;

top: 0;

bottom: 0;

right: 0;

margin: 0;

width: 100vw;

max-width: 100vw;

overflow-y: scroll;

-webkit-clip-path: circle(30px at 100% 100%);

clip-path: circle(30px at 100% 100%);

background: #fff;

z-index: 2;

box-shadow: -1px 0 3px rgba(26,26,26,.1)

}

div#sideBarMain {

margin-top: 10px

}

div#mainContent {

float: none;

margin: 0 auto;

width: 90%

}

#catalogue {

width: 100%;

visibility: hidden;

position: fixed;

top: 0;

bottom: 0;

right: 0;

margin: 0;

width: 100vw;

max-width: 100vw;

overflow-y: scroll;

-webkit-clip-path: circle(30px at 100% 100%);

clip-path: circle(30px at 100% 100%);

background: #fff;

z-index: 2;

box-shadow: -1px 0 3px rgba(26,26,26,.1)

}

div#catalogue .catalogueMain {

margin-top: 10px

}

}

@media(max-width:1000px) {

#live2d-widget,#player {

display: none

}

}

@media(max-width:1500px) {

#live2d-widget {

display: none

}

}

@media(min-width:767px) and (max-width:960px) {

#set_btn_box {

right: 5px

}

#mainContent {

width: 90%

}

#live2d-widget,#player {

display: none

}

}

@media(max-width:767px) {

#set_btn_box {

right: 5px

}

#sideBar {

width: 100%!important

}

#sideBar #sideBarMain {

width: 95%!important

}

canvas#thumsCanvas {

margin-top: -100px;

margin-left: 50%

}

#catalogue {

width: 100%!important

}

#catalogue .catalogueMain {

width: calc(100% - 20px)!important

}

#live2d-widget,#player {

display: none

}

}

.article_icon_btn {

display: none

}

#catalogue ul li {

line-height: 25px;

padding-left: 10px

}

#catalogue ul ul {

padding-left: 30px

}

#catalogue ul ul li {

line-height: 20px

}

.select_skin ul li {

display: block;

width: 120px;

text-align: center;

color: #2daebf!important;

cursor: pointer

}

.select_skin ul li:hover {

color: #f60!important

}

.select_skin ul li {

-webkit-transform: translateX(5px);

transform: translateX(5px);

-webkit-transition: all .2s;

transition: all .2s

}

blockquote {

padding: 0 10px;

color: #7e958b;

border: 0;

border-left: 4px solid #7f8c93;

padding-left: 20px;

margin-left: 0;

font-size: 14px;

font-style: italic

}

hr {

background-color: #7e958b;

border: 0;

height: 1px;

margin: 10px 0

}

table {

margin: 10px 0

}

#author_profile_follow {

color: #7f8c93

}

.unionbox {

margin-bottom: 4rem;

width: 48%;

box-shadow: 0 2px 10px rgba(0,0,0,.2);

transition: all .5s;

font-size: 16px;

color: #7396a7

}

.unionbox:hover {

transform: scale(1.05)

}

.unionbox .headimg {

display: inline-block;

width: 100px

}

.unionbox .content {

width: calc(100% - 120px);

display: inline-block

}

.headimg img {

width: 75px;

height: 75px;

border-radius: 75px

}

.unionbox .avatar {

width: 100%

}

.unionbox .info {

margin: 2.5rem 0 1.5rem;

padding: 0 0 .5rem 1.5rem;

display: flex;

margin-bottom: 0

}

.unionbox h3 {

margin: 0;

max-width: 65%;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

height: 30px

}

.unionbox .desc {

margin: .6rem 0 1.5rem

}

.unionbox .btn {

display: inline-block;

background-color: #3eaf7c;

color: #fff;

border-radius: 2px;

padding: 4px 8px;

font-size: .7rem;

text-decoration: none;

cursor: pointer;

margin: 0 1.5rem 1.5rem 0rem

}

@media(max-width:767px) {

.unionbox .info {

display: block;

margin: 1.5rem 1.5rem;

padding: 0

}

.unionbox .headimg {

display: block;

width: 100%;

text-align: center

}

.unionbox .content {

display: block;

width: 100%;

text-align: center

}

#cnblogs_post_body h3,.blog_comment_body h4 {

margin: 0;

padding: 0;

max-width: 100%;

text-align: center;

margin-top: 10px

}

.unionbox .btn {

margin: 0;

margin-top: 10px

}

}

a, {

color: #7396a7

}

a:hover {

color: #f60

}

#Gallery table td a {

margin-bottom: 10px;

display: inline-block

}

#Gallery table td {

padding: 5px;

text-align: center

}

.gallery table td {

padding: 5px;

text-align: center

}

.gallery table td a {

margin-bottom: 10px;

display: inline-block

}

.gallery img {

max-width: 100%

}

body,html,#sideBar,#catalogue {

overflow-y: scroll;

-webkit-overflow-scrolling: touch;

}

div#mainContent {

min-height: 1000px;

}

.PostList span {

font: 18px/2 Noto Sans SC,\5b8b\4f53;

}

h1.PostListTitle {

font-size: 1.6rem;

}

.postTitl2 {

font-size: 16px;

}

#myposts .postDesc2 {

font-size: 1px;

}

.postDesc2 span {

font-size: 12px;

}

.postDesc2 a {

display: none

}

.postText2 p {

font-size: 16px;

padding-left: 20px;

margin: 10px;

}

h3#taglist_title {

font-size: 1.6rem;

}

div#taglist {

font-size: 16px;

}

.entrylist .entrylistTitle {

font-size: 1.6rem;

margin-bottom: 20px;

}

a.entrylistItemTitle {

font: 18px/2 Noto Sans SC,\5b8b\4f53;

}

.c_b_p_desc {

font-size: 14px;

margin-bottom: 5px;

padding-left: 10px;

}

.entrylistItemPostDesc {

padding-left: 10px;

margin-bottom: 10px;

}

.entrylistItemPostDesc a {

display: none;

}

div#Gallery h2 {

font-size: 1.6rem;

}

.pager a {

border: none;

}

.pager {

text-align: right

} */

复制代码

侧边栏


<link href="https://blog-static.cnblogs.com/files/miluluyo/tippy.min.css" rel="stylesheet">

<script src="https://blog-static.cnblogs.com/files/miluluyo/jquery2.min.js"></script>

<script src="https://blog-static.cnblogs.com/files/miluluyo/tippy.js"></script>

<script src="https://blog-static.cnblogs.com/files/miluluyo/milusidebar.js"></script>

<script>

milusidebar({

'names' : '麋鹿鲁哟',/*你的博客园名呐*/

'notice' : '<b>温馨提示</b><span><a href="https://github.com/miluluyo/cute-cnblogs" target="_black">cute-cnblogs</a> &nbsp;样式已开源</span><b style="margin-top: 3px;"><a style="font-size:10px" href="https://www.cnblogs.com/IsAlpaca/" target="_black">查看一期样式</a></b>',/*里面文字自己可以更改喔*/

'headerUrl' : 'https://images.cnblogs.com/cnblogs_com/miluluyo/1765646/o_200519075219notice5.png',/*这个是公告栏的背景图啦,我觉得这个可爱,如果你有更好看的可以自行更改喔*/

'follow' : 'a1e76459-101d-47af-a8b6-08d523685c8c', /*还记的开始让你复制follow括号里的内容吗,对,就放到这里就好啦*/

'sidebarInfo' : [[

{'icon':'#icon-github1','url':'https://github.com/miluluyo','title':'github'},

{'icon':'#icon-weixin','url':'','title':'微信','classname':'popper_weixin','click':false},

{'icon':'#icon-QQ','url':'http://wpa.qq.com/msgrd?v=3&uin=978761587&site=qq&menu=yes','title':'QQ'},

{'icon':'#icon-juejin','url':'https://juejin.im/user/5d18adce5188256e98090e33','title':'掘金'}

],[

{'icon':'#icon-weibobangding','url':'https://www.weibo.com/6001406082/profile?topnav=1&wvr=6','title':'微博'},

{'icon':'#icon-csdn','url':'https://blog.csdn.net/qq_39394518','title':'CSDN'},

{'icon':'#icon-bilibili','url':'https://space.bilibili.com/100007925','title':'bilibili'},

{'icon':'#icon-yuquemianlogo','url':'https://www.yuque.com/miluluyo','title':'语雀'}

]],/*这个模块是个人信息内那些小图标们,别忘记更改喔,具体参数,可以参考下面的表格喔*/

'signature':'靡不有初 鲜克有终',/*来一句你自己喜欢的句子吧*/

'popper_weixin':'<div class="popper_box"><p><b>很高兴认识你鸭~ (づ。◕ᴗᴗ◕。)づ</b> </p><div class="popper_box_con"><div class="popper_box_con_li"><img src="https://images.cnblogs.com/cnblogs_com/miluluyo/1765646/o_200614064005qrcode.jpg" alt="">公众号:麋鹿鲁哟</div><div class="popper_box_con_li"><img src="https://images.cnblogs.com/cnblogs_com/miluluyo/1493340/t_wxh.jpg" alt="">微信号:s978761</div></div><p>(加我记得备注 博客园 喔)</div>',/*这里是微信图标的弹窗内容,可以自行更改内容喔*/

'portrait':'https://images.cnblogs.com/cnblogs_com/miluluyo/1765646/o_200515061851tx.jpg'

})/*这个是头像图片喔,你可以上传到相册里,然后F12获取,或者使用博客园的那个链接也可以的撒~*/

</script>

复制代码

页首


<div id="set_btn_box">

<div class="set_btn fly_top fadeIn animated">

<svg class="icon" aria-hidden="true"><use xlink:href="#icon-zhiding"></use></svg>

</div>

<div class="set_btn article_icon_btn catalogue_btn">

<svg class="icon" aria-hidden="true" style="color:#97A1A7"><use xlink:href="#icon-dagang"></use></svg>

</div>

<div class="set_btn article_icon_btn comment">

<a href="#comment_form_container"><svg class="icon" aria-hidden="true" style="color:#97A1A7"><use xlink:href="#icon-linedesign-01"></use></svg></a>

</div>

<div class="set_btn skin_btn">

<svg class="icon" aria-hidden="true" style="color:#97A1A7"><use xlink:href="#icon-pifu"></use></svg>

</div>

<div class="set_btn gratuity">

<svg class="icon" aria-hidden="true" style="color:#97A1A7"><use xlink:href="#icon-dashang"></use></svg>

</div>

<div class="set_btn article_icon_btn artice_recommend">

<svg class="icon" aria-hidden="true" style="color:#97A1A7"><use xlink:href="#icon-tuijian2"></use></svg>

</div>

<canvas id="thumsCanvas" width="200" height="400" style="width:100px;height:200px"></canvas>

<div class="set_btn catalogue">

<svg class="icon" aria-hidden="true" style="color:#97A1A7"><use xlink:href="#icon-cebianlan-"></use></svg>

</div>

</div>

<script src='https://blog-static.cnblogs.com/files/miluluyo/canvas2.js'></script>

<!--

<link href="//files.cnblogs.com/files/linianhui/lnh.cnblogs.css" rel="stylesheet"/>-->

复制代码

页脚


<style id="ceshicss">

@media (max-width: 767px){

#set_btn_box {width: 100vw;left: 0;right: 0;bottom: 0;background: hsla(0,0%,100%,.6);height: 49px;display: flex;justify-content: space-between;align-items: center;padding: 12px 40px;border-top: 1px solid #e8e8e8;box-sizing: border-box;}

.set_btn {margin-top: 0;}

.set_btn.fly_top.fadeIn.animated {position: absolute;right: 10px;bottom: 60px;}

.container{bottom:50px}}

#mainContent{width:90%}

</style>

<link href="https://blog-static.cnblogs.com/files/miluluyo/tippy.min.css" rel="stylesheet">

<script src="https://unpkg.com/@popperjs/core@2.4.2/dist/umd/popper.min.js"></script>

<script src="https://blog-static.cnblogs.com/files/miluluyo/tippy.js"></script>

<link rel='stylesheet' href='https://cdn.bootcss.com/animate.css/3.7.2/animate.min.css'>

<script src="https://at.alicdn.com/t/font_1825850_klax1ao4o6.js"></script>

<script src="https://blog-static.cnblogs.com/files/miluluyo/three.min.js"></script>

<script src='https://blog-static.cnblogs.com/files/miluluyo/star.js'></script>

<link rel="stylesheet" href="https://blog-static.cnblogs.com/files/miluluyo/OwO.min.css" />

<script src="https://blog-static.cnblogs.com/files/miluluyo/OwO2.min.js"></script>

<script src="https://blog-static.cnblogs.com/files/miluluyo/cute-cnblogs2.js"></script>

<script src="https://blog-static.cnblogs.com/files/miluluyo/monitoring2.js"></script>

<script>

miluframe({

Youself:'https://www.cnblogs.com/miluluyo/', /*个人的博客园链接*/

/*博客园导航信息*/

custom:[{

name:'首页',

link:'https://www.cnblogs.com/microliLI/',

istarget:false

},{

name:'博客园',

link:'https://www.cnblogs.com/',

istarget:true

},{

name:'搜索',

link:'https://zzk.cnblogs.com/my/s/blogpost-p?Keywords=',

istarget:true

},{

name:'写文章',

link:'https://i.cnblogs.com/posts/edit',

istarget:true

},{

name:'联系',

link:'https://msg.cnblogs.com/send/%E7%9F%B3%E4%B8%AD%E7%8E%8997',

istarget:true

},{

name:'管理',

link:'https://i.cnblogs.com/',

istarget:true

}],

/*向别人展示自己的友链信息*/

resume:{

"name":"麋鹿鲁哟",

"link":"https://www.cnblogs.com/miluluyo/",

"headurl":"https://images.cnblogs.com/cnblogs_com/elkyo/1558759/o_o_my.jpg",

"introduction":"大道至简,知易行难。"

},

/*友链信息*/

unionbox:[{

"name":"麋鹿鲁哟",

"introduction":"生活是没有标准答案的。",

"url":"https://www.cnblogs.com/miluluyo",

"headurl":"https://images.cnblogs.com/cnblogs_com/elkyo/1558759/o_o_my.jpg"

},{

"name":"麋鹿鲁哟的技能树",

"introduction":"大道至简,知易行难。",

"url":"https://miluluyo.github.io/",

"headurl":"https://images.cnblogs.com/cnblogs_com/elkyo/1558759/o_o_my.jpg"

}],

/*友链表格头信息,这个可以忽略*/

details:[{

field: 'name',

literal: '昵称',

},{

field: 'introduction',

literal: '标语',

},{

field: 'url',

literal: '链接地址',

},{

field: 'headurl',

literal: '头像地址',

}],

/*浏览器顶部小图标*/

logoimg:'https://images.cnblogs.com/cnblogs_com/miluluyo/1765646/o_200519070633f12.png',

/*文章页面标题前的图标,此处图标有扩展,下面会提到图标*/

cuteicon:['icon-caomei','icon-boluo','icon-huolongguo','icon-chengzi','icon-hamigua','icon-lizhi','icon-mangguo','icon-liulian','icon-lizi','icon-lanmei','icon-longyan','icon-shanzhu','icon-pingguo','icon-mihoutao','icon-niuyouguo','icon-xigua','icon-putao','icon-xiangjiao','icon-ningmeng','icon-yingtao','icon-taozi','icon-shiliu','icon-ximei','icon-shizi'],

/*赞赏,若true则显示此按钮,false则不显示*/

isGratuity:false,

/*赞赏按钮焦点显示赞赏内容,内容可自行更改*/

gratuity:'<div class="popper_box"><p><b>要请我喝奶茶吗 (づ。◕ᴗᴗ◕。)づ</b> </p><div class="popper_box_con"><div class="popper_box_con_li"><img src="https://images.cnblogs.com/cnblogs_com/miluluyo/1765646/o_200521053817wx.png" alt="">微信扫码</div><div class="popper_box_con_li"><img src="https://images.cnblogs.com/cnblogs_com/miluluyo/1765646/o_200521053827zfb.png" >支付宝扫码</div></div><p><b>留下一句你觉得很励志与美的话给我吧~</b>&nbsp; <b><a href="https://www.cnblogs.com/miluluyo/p/12930946.html">GO</a></b></div>'

})

</script>

<!-- 点赞 -->

<!-- <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/miluluyo/mouse-click.js"></script> -->

<!-- 以下内容是否添加你随意 -->

<!-- <script>

/*在文章页面添加古诗词*/

$("#navigator").after('<div class="poem-wrap"><div class="poem-border poem-left"></div><div class="poem-border poem-right"></div><h1>念两句诗</h1><div id="poem_sentence"></div><div id="poem_info"></div></div>')

</script>

<script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>

<script type="text/javascript">

jinrishici.load(function(result) {

var sentence = document.querySelector("#poem_sentence")

var info = document.querySelector("#poem_info")

sentence.innerHTML = result.data.content

info.innerHTML = '【' + result.data.origin.dynasty + '】' + result.data.origin.author + '《' + result.data.origin.title + '》'

});

</script> -->

<script type="text/javascript">

/* 鼠标特效,我觉得太花哨了就注释了,喜欢的自己打开注释就可以 */

/*var a_idx = 0;

jQuery(document).ready(function($) {

$("body").click(function(e) {

var a = new Array("❤去活出你自己。❤","❤今天的好计划胜过明天的完美计划。❤","❤不要轻言放弃,否则对不起自己。❤","❤紧要关头不放弃,绝望就会变成希望。❤","❤如果不能改变结果,那就完善过程。❤","❤好好活就是干有意义的事,有意义的事就是好好活!❤","❤你真正是谁并不重要,重要的是你的所做所为。❤","❤你不想为你的信仰冒一下险吗?难道想等你老了,再后悔莫及吗?❤","❤有些鸟儿是关不住的,它的每一根羽毛都闪耀着自由的光辉。❤","❤决定我们成为什么样人的,不是我们的能力,而是我们的选择。❤","❤掉在水里你不会淹死,呆在水里你才会淹死,你只有游,不停的往前游。❤","❤有些路,只能一个人走。❤","❤希望你眼眸有星辰,心中有山海。❤","❤从此以梦为马,不负韶华。❤","❤人的成就和差异决定于其业余时间。❤","❤佛不要你皈依,佛要你欢喜。❤","❤ダーリンのこと 大好きだよ❤","❤小猫在午睡时,地球在转。❤","❤我,混世大魔王,申请做你的小熊软糖。❤","❤决定好啦,要暗暗努力。❤","❤呐,做人呢最紧要开心。❤","❤好想邀请你一起去云朵上打呼噜呀。❤","❤永远年轻,永远热泪盈眶。❤","❤我生来平庸,也生来骄傲。❤","❤我走得很慢,但我从不后退。❤","❤人间不正经生活手册。❤","❤我是可爱的小姑娘,你是可爱。❤","❤数学里,有个温柔霸道的词,有且仅有。❤","❤吧唧一口,吃掉难过。❤","❤你头发乱了哦。❤","❤健康可爱,没有眼袋。❤","❤日月星辰之外,你是第四种难得。❤","❤你是否成为了了不起的成年人?❤","❤大家都是第一次做人。❤","❤何事喧哗?!❤","❤人间有味是清欢。❤","❤你笑起来真像好天气。❤","❤风填词半句,雪斟酒一壶。❤","❤除了自渡,他人爱莫能助。❤","❤昨日种种,皆成今我。❤","❤一梦入混沌 明月撞星辰❤","❤保持独立 适当拥有❤","❤谢谢你出现 这一生我很喜欢❤","❤做自己就好了 我会喜欢你的❤","❤太严肃的话,是没办法在人间寻欢作乐的❤","❤愿你余生可随遇而安,步步慢。❤","❤黄瓜在于拍,人生在于嗨❤","❤奇变偶不变,符号看象限。❤","❤从来如此,便对么?❤","❤今天我这儿的太阳,正好适合晒钙 你呢❤","❤未来可期,万事胜意。❤","❤星光不问赶路人 时光不负有心人❤","❤我当然不会试图摘月,我要月亮奔我而来❤","❤女生要修炼成的五样东西: 扬在脸上的自信,长在心底的善良, 融进血里的骨气,刻进命里的坚强,深到骨子里的教养❤","❤燕去燕归,沧海桑田。纵此生不见,平安惟愿❤","❤我想认识你 趁风不注意❤","❤我一直想从你的窗子里看月亮❤","❤长大应该是变温柔,对全世界都温柔。❤","❤别在深夜做任何决定❤","❤山中何事,松花酿酒,春水煎茶。❤","❤桃李春风一杯酒,江湖夜雨十年灯。❤","❤欲买桂花同载酒,终不似,少年游。❤");

var le = Math.ceil(Math.random()*a.length);

var $i = $("<span></span>").text(a[le]);/*a[a_idx]*/

/*a_idx = (a_idx + 1) % a.length;

var x = e.pageX,

y = e.pageY;

$i.css({

"z-index": 999999999999999999999999999999999999999999999999999999999999999999999,

"top": y - 20,

"left": x,

"position": "absolute",

"font-weight": "bold",

"color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"

});

$("body").append($i);

$i.animate({

"top": y - 180,

"opacity": 0

},

2000,

function() {

$i.remove();

});

});

});*/

</script>

<!--音乐,只在PC端宽度>1000px时显示-->

<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="3116636104" 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>

<!--猫,只在PC端显示,移动端不加载了,因为会卡顿页面-->

<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>

<script>

var mobile_flag = isMobile();

if(mobile_flag){

//console.info("移动端")

}else{

//console.info("PC端")

L2Dwidget.init({

"model": {

"jsonPath": "https://unpkg.com/live2d-widget-model-hijiki/assets/hijiki.model.json",

"scale": 1

},

"display": {

"position": "left",

"width": 100,

"height": 200,

"hOffset": 70,

"vOffset": 0

},

"mobile": {

"show": true,

"scale": 0.5

},

"react": {

"opacityDefault": 0.7,

"opacityOnHover": 0.2

}

});

window.onload = function(){

$("#live2dcanvas").attr("style","position: fixed; opacity: 0.7; left: 70px; bottom: 0px; z-index: 1; pointer-events: none;")

}

}

</script>

<script>

/*记录访问数据,我用了两个,一个是这个在 https://clustrmaps.com/ 网站,另一个是 https://www.51.la/ 这个网站*/

/*

第一种:https://clustrmaps.com/

注册账号,添加自己博客园的链接,选择自定义Customize,

选择 Image based (basic version for websites that don't support javascript),调整到你喜欢的样式,然后复制

:这个我插入在了侧边栏的最底部,把生成的代码粘贴到append内,这就完事了

*/

$('#sideBarMain').append('')

/*

第二种:https://www.51.la/

注册账号,点控制台,添加统计ID,统计图标显示我是不显示的

这个目前插入的js好像报错,我的是很早之前生成的,还能用,因此还是推荐用第一种吧

别的地方也有这种很多统计访问数据的,可以自己找找看呢

*/

</script>

复制代码
文章分类
Android
文章标签