コードのバックアップ|ブログのサイドバーの発表（サポートHTMLコード）（サポートJSコード）

 

ブログのサイドバーの発表（サポートHTMLコード）（サポートJSコード）



の<div上記のid = ' btnList ' > 

< クラス = " IVU IVU-BTN-BTN-プライマリ"のhref = " https://cn.vuejs.org/ V2 / API / "ターゲット= " _blank " > Vueの</a>の
<a クラス=" ivu-btn ivu-btn-primary "href=" https://www.iviewui.com/ "target=" _blank "> </a>のiViewの
< クラス = "IVU-BTN IVU-BTN-主"のhref = "http://www.dicts.cn/ "ターゲット= " _blank " > dicts </a>の
< クラス = " IVU-BTN IVU-BTN-主"のhref = " https://gitee.com/ "ターゲット= " _blank " > gitee </a>の

<a クラス = "ivu-btn ivu-btn-primary" href= "https://tw.voicetube.com/" target= "_blank"> voicetube </a>の
<A クラス = "IVU-BTN IVU-BTN-主"のhref = "https://www.buzzfeed.com/ "ターゲット= " _blank " >バズフィード</a>の
< クラス = " IVU-BTN IVU-BTN-主"のhref = " http://www.ozdic.com/ "ターゲット= " _blank " > ozdic词组</a>の
<a クラス = "ivu-btn ivu-btn-primary" href= "http://electronjs.org/docs" target= "_blank"> electronjsする</a> 
< クラス = "IVU-BTN IVU-BTN-主"のhref =" http://huziketang.mangojuice.top/books/react/lesson28 "ターゲット= " _blank " > </a>の反応
< クラス = " IVU-BTN IVU-BTN-主"のhref = " https：//では、反応.docschina.org /ドキュメント/ハローworld.html "ターゲット= " _blank " > react2 </a>の
< クラス = " IVU-BTN IVU-BTN原色" HREF = " https://juejin.im/book / 5bc844166fb9a05cd676ebca "ターゲット= " _blank " >ナゲッツ</a>の
< クラス =" IVU-BTN IVU-BTN原色" HREF = " https://ant.design/docs/react/introduce-cn "ターゲット= " _blank " > AntDesign </a>の
< クラス = " IVU-BTN ivu- BTN原色" HREF = " https://github.com/yezihaohao/react-admin "ターゲット= " _blank " > reactAdmin </a>の
< クラス = " IVU-BTN IVU-BTN原色" HREF = " HTTPS ：//www.processon.com/ "ターゲット= " _blank "> processOn </a>の
<a クラス = "ivu-btn ivu-btn-primary" href= "https://www.draw.io/" target= "_blank"> draw.io </a>の
< クラス = " IVU-BTN IVU-BTN原色" HREF = " http://www.demigods.top/ "ターゲット= " _blank " > demigods </a>の
< クラス = " IVU-BTN IVU-BTN原色" href = " https://medium.com/ "ターゲット= " _blank））; 
}）; </ SCRIPT>

 

页脚Htmlの代码
  <リンクのrel = " スタイルシート"タイプ= " テキスト/ cssの"のhref = " https://www.layuicdn.com/layui-v2.5.4/css/layui.css " /> 
<スクリプトSRC = " https://www.layuicdn.com/layui-v2.5.4/layui.js " > </ SCRIPT> 
 <スクリプトタイプ= " テキスト/ javascriptの" > 
    layui.use（[ ' laydate '、' laypage '、' 層' ' テーブル"、「カルーセル」、' アップロード'、' 要素' ]、関数（）{
       VAR laydate = layui.laydate // 日付 
      、laypage = layui.laypage // タブ 
      、レイヤー= layui.layer // 弾性層 
      、layui.table =表// フォーム 
      、カルーセル= layui.carousel // 回転 
      、アップロード= layui.upload // アップロード 
      、要素= layui.element; // ...のような要素の動作

      / * ポップアップの層の例* / 
      layer.msg（「ウェイティング用VUE3.0 " ）;
    }）; 
    </ SCRIPT> 
<スタイル> 
ボディ{ 


    マージン - 左：20ピクセル; 
    余白 - 右：20ピクセル; 
    マージン：-top 0 ; 
    マージン - 下：10pxの; 
    パディング：30px; 
    パディング - 下：10pxの; 
    パディング：-top 0 ; 
} 
#cnblogs_post_bodyに.toc { 
位置：固定されました。
    右：100ピクセル; 
    トップ：150ピクセル; 
} 

.ivu - BTN { 
    表示：インライン - ブロック。
    マージン - 下：5pxの;
    フォント -weight：400 ; 
    テキスト - 整列：センター;
    -ms-タッチアクション：操作。
    タッチ - アクション：操作。
    カーソル：ポインタ; 
    背景 - 画像：なし。
    国境：1pxの透明な固体; 
    白 - スペース：NOWRAP。
    -webkit-USER- 選択しない：なし。
    -moz-USER- 選択しない：なし。
    -ms-USER- 選択しない：なし。
    ユーザー - 選択：なし; 
    パディング：5pxの15ピクセル計6Px。
    フォント -サイズ：12ピクセル; 
    国境 - 半径：4PX。
    トランジション：色.2sリニア、背景 -color .2sリニア、国境.2sリニア、ボックスシャドウ.2s線形！重要; 
    色：＃515a6e。
    背景 - 色：#FFF; 
    ボーダー - 色：＃dcdee2。
} 
.ivu -btn- プライマリ{ 
色：＃2d8cf0。
    背景：0  0 ; 
    テキスト - 装飾：なし; 
    概要：0 ; 
    カーソル：ポインタ; 
    遷移：色.2s容易さ; 

    色：#FFF; 
    背景 -色：＃2d8cf0。
    ボーダー - 色：＃2d8cf0。
} 
.ivu -btn-primary.active、.ivu-btn- プライマリ：アクティブ{ 
    色：＃f2f2f2。
    背景 - 色：＃2b85e4。
    ボーダー - 色：＃2b85e4。
} 
.ivu -btn- プライマリ：ホバー{ 
テキスト - 装飾：なし。
    色：#FFF; 
    背景 - 色：＃57a3f3。
    ボーダー - 色：＃57a3f3。
}
 </スタイル>