有挺多博友問我博客右下角的蘿莉是怎麽加上的，我這裏做一個小教程。

1. 首先，也是最重要的，必須先有一個cnblog賬號。
2. 登錄博客園賬號→管理→設置，在這裏修改設置。
3. 下滑，申請JS權限，申請成功後會有提示（支持js代碼）。
4. 然後在【頁首html代碼】編輯器中插入

<!-- 右下角live2d效果 -->
<script type="text/javascript" charset="utf-8" async="" src="https://cdn.jsdelivr.net/npm/[email protected]/lib/L2Dwidget.min.js"></script>

　　 5. 然後在【頁腳html代碼】編輯器中插入

 1 <!-- 右下角live2d效果 -->
 2 <script type="text/javascript">
 3 setTimeout(() => {
 4         L2Dwidget.init({
 5                 "model": {
 6                         "scale": 0.5
 7                 },
 8                 "display": {
 9                         "position": "right",
 
10                         "width": 180,
11                         "height": 260,
12                         "hOffset": 0,
13                         "vOffset": -20
14                 },
15                 "mobile": {
16                         "show": true,
17                         "scale": 0.5
18
 
                 },
19                 "react": {
20                         "opacityDefault": 0.7,
21                         "opacityOnHover": 0.2
22                 }
23         });
24 }, 1000)
25 </script>

寫個延時是為了等資源加載完，不然會報找不到 L2Dwidget 對象等錯誤。

當然也可以自定義其他選項，需要自己去踩坑了！

就這樣，博客右下角就會添加實時關註你的蘿莉啦！

給自己的博客園裝飾live2d