首页 > 其他分享 >一个简单的看板娘

一个简单的看板娘

时间:2022-10-03 23:56:43浏览次数:87  
标签:看板娘 文件 一个 代码 JS HTML 简单 下载

添加一个看板娘

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

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

②准备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链接,保存后刷新自己的博客,看板娘就有咯~

 

三、看板娘美照:

 

标签:看板娘,文件,一个,代码,JS,HTML,简单,下载
From: https://www.cnblogs.com/wangerfei/p/16751600.html

相关文章