一个简单的看板娘

添加一个看板娘

一、博客想要添加一个看板娘需要三个条件：

①准备原材料（原材料可以认为是看板娘的模型，本次看板娘较为简单）

②准备CSS/JSON文件

 

③网页的HTML代码

 

二、添加步骤

1、复制代码到博客的HTML代码区（博客侧边栏公告/页首HTML代码/页脚HTML代码，任意一块儿都可以）

<script type="text/javascript" charset="utf-8"  src="https://blog-static.cnblogs.com/files/blogs/769727/L2Dwidget.0.min.js"></script>
<script type="text/javascript" charset="utf-8"  src="https://blog-static.cnblogs.com/files/blogs/769727/L2Dwidget.min.js"></script>
<script type="text/javascript">
    L2Dwidget.init({"display": {
        "superSample": 2,
        "width": 200,
        "height": 400,
             "position": "right",
                 "hOffset": 0,
        "vOffset": 0
          }
     });
</script>

备注：①看板娘的部分参数调整：width调整宽度，height调整高度，position调整看板娘的位置，参数为left(左)或right(右)；

　　　②这里的JS是上传到博客园后生成的链接，如果我没有删除就可以直接使用，最好还是自己搞一份，方法见步骤2、3。

2、生成自己的JS路径

1）JS文件的获取:  ①蓝奏云已打包上传，直接下载即可。>>立即下载<<

　　　　　　　　  ②复制代码中的两个JS的https路径，粘贴到浏览器中打开即可看到JS的内容；

　　　　　　　　　  本地新建一个记事本，粘贴内容，另存为，文件类型选择全部文件，拓展名和文件名保持一直（即JS类型文件）。

　　　　　　　　　  

2）JS路径的生成：上传JS文件到自己的博客园：进入到博客后台，在菜单栏选择文件（在管理选项的左边），上传相应的JS文件。

　　　　　　　　　在已上传的JS文件后的操作一栏下有下载选项，点击下载并不会直接下载，而是打开一个新的链接，该链接就是自己的JS路径。

3、替换代码中的两段JS链接，保存后刷新自己的博客，看板娘就有咯~

 

三、看板娘美照：