添加一个看板娘
一、博客想要添加一个看板娘需要三个条件:
①准备原材料(原材料可以认为是看板娘的模型,本次看板娘较为简单)
②准备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