博客页脚

把代码放到页脚HTML

<script type="text/javascript" src="https://blog-static.cnblogs.com/files/jajian/img.enlarge.js"></script>
<div id="outerdiv" style="text-align: center;position: fixed;z-index: 1000;top: 0;left: 0;
    width: 100%;height: 100%;background-color: rgba(255,255,255,.9);">
    <img id="bigimg" style="height: auto;width: 65%;border: 5px solid #7e8c8d;
        margin: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;" src=""/>
</div>


<!-- require APlayer -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
<!-- require MetingJS -->
<script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>
<meting-js
        id="2893671007"
        lrc-type="0"
        server="netease"
        order="random"
        type="playlist"
        fixed="true"
        list-olded="true">
</meting-js>


<div class="card">
    <div class="card-back">
        <div class="line-numbers">

        </div>
        <code><span class="method">console</span><span>.</span><span class="function">log</span><span>(</span><span class="string">'The World is Yours'</span><span>);</span></code>
    </div>
    <div class="card-front">
        <div class="line-numbers">

        </div>
        <code><span class="variable">const </span><span class="function">aboutMe </span><span class="operator">= </span><span>{</span>
            <div class="indent"><span class="property">name</span><span class="operator">: </span><span class="string">'LiShiSan'</span><span>,</span>
            </div>
            <div class="indent"><span class="property">title</span><span class="operator">: </span><span class="string">'Sr. Java/BigData Enthusiast'</span><span>,</span>
            </div>
            <div class="indent"><span class="property">location</span><span class="operator">: </span><span class="string">'China, BeiJing'</span><span>,</span>
            </div>
            <div class="indent"><span class="property">contact</span><span class="operator">: </span><span>{</span>
                <div class="indent"><span class="property">email</span><span class="operator">: </span><span class="string">'xxx@qq.com'</span><span>,</span></div>
                <div class="indent"><span class="property">website</span><span class="operator">:</span><span class="string">'www.lishisan.top</span></div>
                <span>}</span>
            </div>
            <span>}</span></code>
    </div>
</div>


<button onclick="topFunction()" class="mobile-cd-top" id="moblieGoTop" title="Go to top" style="display: none;"><i class="fa fa-chevron-up" aria-hidden="true"></i></button>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10/dist/APlayer.min.css">