推荐一个美中不失优雅的博客网主页（素材参考---麋鹿鲁哟）

读者, 你好，这里是豪豪在线客服为你服务，接下来我将想你献上等你许久的专属于个人博客主页，等跟着我的步骤，相信可以在很短时间内，你也可以拥有专属于自己的博客主页面。在这之前，请在心中默念，麋鹿鲁哟，yyds哇！！！！！

作者问：准备好了吗？？

读者回：能不能麻溜点哇，妈咪还叫我回家吃饭呢

作者： -_- 。。。。

得得得，那么让我们开始演示各位所期待的每一步吧，嘿嘿 ~_~

首先，让我们先看看最后所得的成果图：https://www.cnblogs.com/xbdehaohao/（注意咯：手机是没有效果的，后面有仔细去研究过代码的各位博客，应该会知道，麋鹿鲁哟前辈有在代码堆中注释原因）

下方则是最后所呈现的静态页面，可参考：

那么从现在，让我们正式启航吧，“呜——”

在此省略......账号的注册、申请开启博客（需要时间哦）、申请开启js权限（需要时间哦），其中这中间好像还有一步，当时弄得时候有些迟疑，但毕竟是过来人，只想告诉兄弟们一声，在自身理解的正常情况下，放大胆去点击下一步。到这里，作为写自己博客的基础都可以了，那么开始我们的博客页编写吧，嘟....嘟..........嘟..嘟....嘟.......，不会吧不会吧，不会真有人认为一个好看又充满丝滑的页面的编写这么简单吧。就我而言，愿称这位页面终结者一声yyds哇。

让我们继续，

第一步：

先进入自己的博客，从哪里进入呢，当然，和csdn差不多的，只不过一个是我的博客，一个是个人中心，这里我就不添加照片了，最近电脑截屏，直接默认系统，自身又不想把心思放在修改那上面，哎~

第二步：

这里呢，就是我的博客里内容啦，可以理解为，这里是一个控制台，而这个后台正常情况下，同时也只为你终身开放，注意，正常情况下，因为，谁知道你账户会不会给别人。闹到这里，要做什么呢，难道看看这个页面，样式就能出来吗，当然！！！，不是啦，是因为，到了这里，你离完整博客页面不远了，所以，能看到这一页面，你jiao的，重要还是不重要呢？当然，后面看完，就知道啦当然我还留了一手，上链接：https://i.cnblogs.com/posts

第三步：

进入上方所呈现的图片里的选项，当然，你的得是页面，而且是切切实实的博客园页面，可别问我怎么进不去，谁能知道你进去的是不是我上面这张照片，说笑，我想绝对不可能（迟疑-_-）。

作者问：进来了吗？

读者回：嗯嗯嗯嗯嗯嗯，进来啦。

嗯嗯，那么，在点击选项后，所呈现的崭新的页面当中的左侧栏去寻找一个叫做：博客设置---点击它（这一击，我愿称满暴击击打）

接下来，就不用我说了对吧。欸有，还看呢，快去上手进配置（气冲冲~）

相信你们都看到下方还有五个可下拉按钮，当然，其他这里我们只管前四个，别怪我没说，第五个用不了噢。。

接下来呢，我们直接废话不多说，附上大佬在git中所开源的项目代码

只要你跟着我节奏走，保你不走冤枉路噢，（呜呜呜，作者表示，该走的我都走完了，你们想走，就算妖魔鬼怪来了都不可能，还请老爷们动动发财手点点关注吧，后续还会有不一样的诚心推出哦）

回到我们四个可下拉按钮上

页面定制CSS代码（注：这按钮下有个可选按钮，一定要选、一定要选、一定要选）：

#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: 10px/1.14 Noto Sans SC, \5b8b\4f53;color: #333;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: #7f8c93
}*::-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: 12px;
}.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="" target="_black" style="margin-top:-3px;">吃鸡yyds</a> </span><b style="margin-top: 3px;"><a style="font-size:10px" href="" target="_black">王者yyds</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=3345463199&site=qq&menu=yes','title':'QQ'},{'icon':'#icon-juejin','url':'','title':'掘金'}],[{'icon':'#icon-weibobangding','url':'','title':'微博'},{'icon':'#icon-csdn','url':'https://blog.csdn.net/qq_55682738?spm=1000.2115.3001.5343','title':'CSDN'},{'icon':'#icon-bilibili','url':'https://space.bilibili.com/444249479','title':'bilibili'},{'icon':'#icon-yuquemianlogo','url':'','title':'语雀'}]],/*这个模块是个人信息内那些小图标们，别忘记更改喔，具体参数，可以参考下面的表格喔*/'signature':'豪酱 ！永不落伍',/*来一句你自己喜欢的句子吧*/'popper_weixin':'<div class="popper_box"><p><b>很高兴认识你鸭~  (づ｡◕ᴗᴗ◕｡)づ</b> </p><div class="popper_box_con_li"><img src="https://images.cnblogs.com/cnblogs_com/blogs/718499/galleries/2063796/t_211117054825_wxfriends.jpg?t=1637128213469" alt="">微信号：haohao7j2</div></div><p>（不要忘记备注备注 博客园 喔）</div>',/*这里是微信图标的弹窗内容，可以自行更改内容喔*//*<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>公众号添加信息*/'portrait':'https://pic.cnblogs.com/avatar/2637449/20211117111139.png'
})/*这个是头像图片喔，你可以上传到相册里，然后F12获取，或者使用博客园的那个链接也可以的撒~*/
</script>

页首HTML代码：

  <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"/>-->

页脚HTML代码：

<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/xbdehaohao/', /*个人的博客园链接*//*博客园导航信息*/custom:[{name:'首页',link:'https://www.cnblogs.com/xbdehaohao/',istarget:false},{name:'联系',link:'https://msg.cnblogs.com/send/%E5%B0%8F%E7%99%BD%E7%9A%84%E8%B1%AA%E8%B1%AA',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:true,/*赞赏按钮焦点显示赞赏内容，内容可自行更改*/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;&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.contentinfo.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><link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/blogs/718499/waifu.min.css" />
<script src="https://files.cnblogs.com/files/blogs/718499/jquery.min.js"></script>
<script src="https://files.cnblogs.com/files/blogs/718499/jquery-ui.min.js"></script>
<div class="waifu">
<canvas id="live2d" class="live2d"></canvas>
</div>
<script src="https://files.cnblogs.com/files/blogs/718499/waifu-tips.min.js"></script>
<script src="https://files.cnblogs.com/files/blogs/718499/live2d.min.js"></script>
<script type="text/javascript">initModel("https://files.cnblogs.com/files/blogs/718499/waifu-tips.json")
</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>

好了，到了这里相信老爷们的博客已经出来了，如果觉得样式还是不太满意了，可以参考git中---麋鹿鲁哟，在线开源你值得拥有吖，到最后，老爷们，不要忘记三连吖

推荐一个美中不失优雅的博客网主页（素材参考---麋鹿鲁哟）

推荐一个美中不失优雅的博客网主页（素材参考---麋鹿鲁哟）相关推荐

最新文章

热门文章