代码备份 | 博客侧边栏公告（支持HTML代码）（支持JS代码）

博客侧边栏公告（支持HTML代码）（支持JS代码）

<div id='btnList'>

<a class="ivu-btn ivu-btn-primary" href="https://cn.vuejs.org/v2/api/" target="_blank">Vue</a>

<a class="ivu-btn ivu-btn-primary" href="https://www.iviewui.com/" target="_blank">iView</a>

<a class="ivu-btn ivu-btn-primary" href="http://www.dicts.cn/" target="_blank">dicts</a>

<a class="ivu-btn ivu-btn-primary" href="https://gitee.com/" target="_blank">gitee</a>

<a class="ivu-btn ivu-btn-primary" href="https://tw.voicetube.com/" target="_blank">voicetube</a>

<a class="ivu-btn ivu-btn-primary" href="https://www.buzzfeed.com/" target="_blank">buzzfeed</a>

<a class="ivu-btn ivu-btn-primary" href="http://www.ozdic.com/" target="_blank">ozdic词组</a>

<a class="ivu-btn ivu-btn-primary" href="http://electronjs.org/docs" target="_blank">electronjs</a>

<a class="ivu-btn ivu-btn-primary" href="http://huziketang.mangojuice.top/books/react/lesson28" target="_blank">react</a>

<a class="ivu-btn ivu-btn-primary" href="https://react.docschina.org/docs/hello-world.html" target="_blank">react2</a>

<a class="ivu-btn ivu-btn-primary" href="https://juejin.im/book/5bc844166fb9a05cd676ebca" target="_blank">掘金</a>

<a class="ivu-btn ivu-btn-primary" href="https://ant.design/docs/react/introduce-cn" target="_blank">AntDesign</a>

<a class="ivu-btn ivu-btn-primary" href="https://github.com/yezihaohao/react-admin" target="_blank">reactAdmin</a>

<a class="ivu-btn ivu-btn-primary" href="https://www.processon.com/" target="_blank">processOn</a>

<a class="ivu-btn ivu-btn-primary" href="https://www.draw.io/" target="_blank">draw.io</a>

<a class="ivu-btn ivu-btn-primary" href="http://www.demigods.top/" target="_blank">demigods</a>

<a class="ivu-btn ivu-btn-primary" href="https://medium.com/" target="_blank">medium</a>

<div style="height:10px"></div>

<img width='100%' src='http://images.cnblogs.com/cnblogs_com/pengchenggang/110921/o_ask.jpg' />

</div>

<script>

$(document).ready(function(){

// $("#subtitle").html("<button type='button' class='ivu-btn ivu-btn-default'><span>Default</span></button>");

$("#content > p:eq(0)").before(document.getElementById('btnList'));

});

</script>

页脚Html代码

 <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui-v2.5.4/css/layui.css" />

<script src="https://www.layuicdn.com/layui-v2.5.4/layui.js"></script>

 <script type="text/javascript">

    layui.use(['laydate', 'laypage', 'layer', 'table', 'carousel', 'upload', 'element'], function() {

      var laydate = layui.laydate //日期

      ,laypage = layui.laypage //分页

      ,layer = layui.layer //弹层

      ,table = layui.table //表格

      ,carousel = layui.carousel //轮播

      ,upload = layui.upload //上传

      ,element = layui.element; //元素操作 等等...

      /*layer弹出一个示例*/

      layer.msg('waiting for VUE3.0');

    });

    </script>

<style>

body {

    margin-left: 20px;

    margin-right: 20px;

    margin-top: ;

    margin-bottom: 10px;

    padding: 30px;

    padding-bottom: 10px;

    padding-top: ;

}

#cnblogs_post_body .toc {

position: fixed;

    right: 100px;

    top: 150px;

}

.ivu-btn {

    display: inline-block;

    margin-bottom: 5px;

    font-weight: ;

    text-align: center;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    cursor: pointer;

    background-image: none;

    border: 1px solid transparent;

    white-space: nowrap;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    padding: 5px 15px 6px;

    font-size: 12px;

    border-radius: 4px;

    transition: color .2s linear,background-color .2s linear,border .2s linear,box-shadow .2s linear  !important;

    color: #515a6e;

    background-color: #fff;

    border-color: #dcdee2;

}

.ivu-btn-primary {

color: #2d8cf0;

    background:  ;

    text-decoration: none;

    outline: ;

    cursor: pointer;

    transition: color .2s ease;

    color: #fff;

    background-color: #2d8cf0;

    border-color: #2d8cf0;

}

.ivu-btn-primary.active, .ivu-btn-primary:active {

    color: #f2f2f2;

    background-color: #2b85e4;

    border-color: #2b85e4;

}

.ivu-btn-primary:hover {

text-decoration: none;

    color: #fff;

    background-color: #57a3f3;

    border-color: #57a3f3;

}

</style>