博客園看板孃的簡單添加

　　emmmm.....今年開始問我博客看板娘怎麼添加的人多了起來，以前問個人，我都是告知其去了解Live2D的東西就好了，如今仍是順手寫一下吧。

　　對於前端，我一無所知，因此這邊就直接引用別人的東西了。大概有以下兩種方法（須要開通博客相關的CSS/JS權限）

-------------------------------------第一種方法---------------------------------

頁面定製css 放上：
/* 看板娘 */
canvas#live2dcanvas {
border: 0 !important;
left: 0;
}

頁腳Html代碼放上：
/* 看板娘 */ 
<script src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script>
<script type="text/javascript">
L2Dwidget.init();
</script>

 

-------------------------------------第二種方法-----------------------------------

頁首：
<!-- 左下角live2d效果 -->
<script type="text/javascript" charset="utf-8" async="" src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script>


頁腳：
<!-- 左下角live2d效果 -->
<script type="text/javascript">
setTimeout(()=>{
L2Dwidget.init({
"model": {
"scale": 0.5
},
"display": {
"position": "left",
"width": 180,
"height": 260,
"hOffset": 0,
"vOffset": -20
},
"mobile": {
"show": true,
"scale": 0.5
},
"react": {
"opacityDefault": 0.7,
"opacityOnHover": 0.2
}
});
},1000)
</script>

----------------------------------------------------------分割線----------------------------------------------------------------

　　有前端知識的看官，我推薦去看另外一位大佬的博客，應該是博客園中把博客裝飾成二次元風格的全部人中Top10的存在，傳送門：YJLAugus。

　　我由於前端知識的匱乏，致使如今這個看板娘沒什麼「靈魂」，之後但願本身能作個滿意的炮姐看板娘出來。