一个博客园样式

前言

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

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

正文

首先贴一波链接： 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,放到了左侧。无耻的表示，你现在已经可以看到这只小可爱了，哈哈哈