一个博客园样式

前言

自定义了自己的博客字体,瞬间觉得顺眼多了,码起字来都更有动力了。无意中,又发现了一个特别符合我审美的博客样式,偷偷记录一波,有机会学习学习。

但是,你可以发现,我已经把这个小可爱给偷过来了,哈哈哈哈

正文

首先贴一波链接: https://www.cnblogs.com/caicz/p/13963503.html

非常非常喜欢那只猫,用我半吊子的水平看了看源码,发现这只猫主要引了一个js库来实现,代码如下:

<div>
    <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
    <script>
        L2Dwidget.init({
            "model": {
                jsonPath: "https://unpkg.com/live2d-widget-model-hijiki/assets/hijiki.model.json",
                "scale": 1
            },
            "display": {
                "position": "left",<!--设置猫主子的上下左右位置-->
                "width": 80,
                "height": 80,
                "hOffset": 100,
                "vOffset": 0
            },
            "mobile": {
                "show": true,
                "scale": 0.5
            },
            "react": {
                "opacityDefault": 0.7,<!--设置透明度-->
                "opacityOnHover": 0.2
            }
        });
        window.onload = function () {
            $("#live2dcanvas").attr("style", "position: fixed; opacity: 0.7; left: 70px; bottom: 0px; z-index: 1; pointer-events: none;")
        }
    </script>
    <!-- 点击动画 -->
    <canvas width="1777" height="841"
            style="position: fixed; left: 0px; top: 0px; z-index: 2147483647; pointer-events: none;">
    </canvas>
    <script src="https://blog-static.cnblogs.com/files/elkyo/mouse-click.js"></script>
</div>

我在外面包了一层div,放到了左侧。无耻的表示,你现在已经可以看到这只小可爱了,哈哈哈


呃,又发现了一个喜欢的样式,抽时间再研究研究:https://www.cnblogs.com/wongdw/p/12835440.html

posted on 2020-11-14 20:26  斜月三星一太阳  阅读(75)  评论(0编辑  收藏  举报