How to build a nice blog

① back into the blog garden setting

② first select the blog skin is SimpleMemory, then fell to disable the default template css

③ down to top the HTML code, paste the following:

<link rel='stylesheet' href='https://blog-static.cnblogs.com/files/elkyo/cute-cnblogs.css'>
<link rel='stylesheet' href='https://cdn.bootcss.com/animate.css/3.7.2/animate.min.css'>
<link rel="stylesheet" href="https://blog-static.cnblogs.com/files/elkyo/siyuan.css" />
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="https://blog-static.cnblogs.com/files/elkyo/monitoring.js"></script>
<link rel="stylesheet" href="https://blog-static.cnblogs.com/files/elkyo/OwO.min.css" />
<script src="https://blog-static.cnblogs.com/files/elkyo/OwO.min.js"></script>
<script src="https://blog-static.cnblogs.com/files/elkyo/cute-cnblogs.js"></script>
<script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>
<script src="https://blog-static.cnblogs.com/files/elkyo/three.min.js"></script>
<script src='https://blog-static.cnblogs.com/files/elkyo/star.js'></script>
<script>
miluframe({
/*个人链接地址*/
Youself:'#',
/*导航栏信息*/
custom:[{
name:'留言板',
link:'#',
istarget:false
},{
name:'github',
link:'https://github.com/LiuXinyuan6',
istarget:true
},{
name:'发布文章',
link:'https://i-beta.cnblogs.com/posts/edit',
istarget:to true Link: 'HTTPS: //i-beta.cnblogs.com/posts',name: 'admin',
}, {


istarget: to true
}, {
name: 'CSDN',
Link: 'HTTPS: //blog.csdn.net/llllxxxxyyyy',
istarget: to true
}],
/ * click on the page when displaying pop-up text * /
clickText: the Array new new ( "ヾ(◍ ° ∇ ° ◍) Techno゙refueling yo ~ --Jacob", "fan of the most spiritual people can not see their backs," "learn, every day", "life beat me, I beat keyboard "),
/ * link GitHub * /
githuburl: 'HTTPS: //github.com/LiuXinyuan6'
})
</ Script>

④ down to the footer HTML code, paste the following:

<!-- 底部加了小鱼<・)))><<~ -->
<div id="jsi-flying-fish-container" class="container"></div>
<script src='https://blog-static.cnblogs.com/files/elkyo/fish.js'></script>
<style>
@media only screen and (max-width: 767px){
#sidebar_search_box input[type=text]{width:calc(100% - 24px)}
}
</style>

<!--音乐-->
<link rel="stylesheet" href="https://blog-static.cnblogs.com/files/elkyo/APlayer.min.css">
<div id="player" class="aplayer aplayer-withlist aplayer-fixed" data-id="3025663508" 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/elkyo/APlayer.min.js"></script>
<script src="https://blog-static.cnblogs.com/files/elkyo/Meting.min.js"></script>

<! - Kanban Musume - cat ->
<Script src = "https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js" > </ Script>
<Script>
L2Dwidget.init ({
"Model": {
jsonPath: "https://unpkg.com/live2d-widget-model-hijiki/assets/hijiki.model.json",<!-- here change model, behind the front must be changed ->
"Scale":. 1
},
"the display": {
"position":! "left", <- right and left vertical position kanban Mother ->
"width": 100,
"height": 200 is,
"hOffset": 70,
"Voffset": 0
},
"Mobile": {
"Show": to true,
"Scale": 0.5
},
"REACT":{
"OpacityDefault": 0.7, <- - set the transparency!>
"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>
<!--点击冒点-->
<canvas width="1777" height="841" style="position: fixed; left: 0px; top: 0px; z-index: 2147483647; pointer-events: none;"></canvas><script src="https://blog-static.cnblogs.com/files/elkyo/mouse-click.js"></script>

 

Guess you like

Origin www.cnblogs.com/think-world/p/12231737.html