Emlog封装下载引用样式

归一 6年前 (2019-05-18) Emlog CMS 1839人围观 5379字抢沙发百度已收录

Emlog的插件：蓝叶下载引用样式插入工具，常规的个人博客网站在使用的时候，用到这个样式的机会应该不多，我今天在查看我的博客源码的时候，发现就算文章不引用这些样式，而代码照样加载。毕竟是插件，所以不管用不用都加载。

在文章中没有使用到这些样式的时候，代码加载出来必然要减慢网站打开的速度（虽然代码很间断），而且不利于SEO，毕竟是无效的代码呀！

索性将它复制封装出来，在需要用的时候，直接粘贴到文章HTML代码的后面即可：

<style>.yinyong {text-align:left !important;text-indent:2em !important;margin:10px 0 1em 0 !important;padding: 5px 10px!important;border: 1px dashed #CCC!important;background: #f7f7f7 url(http://www.noteet.com/content/plugins/Lanye_downstyle/yinyongbg.png) right top no-repeat !important;color: #000 !important;font-size: 13px !important;line-height:22px !important;} .fujian {text-align:left !important;text-indent:0 !important;padding:0 0 0 32px !important;width: auto !important;background-image: url(http://www.noteet.com/content/plugins/Lanye_downstyle/down_01.png) !important;background-position: left top !important; background-repeat: no-repeat !important;color: white !important;font-weight: bold !important;font-size: 15px !important;height: 32px !important;line-height: 32px !important;background-color: #F90 !important;margin: 10px 0 !important;box-shadow: 1px 2px 1px #999 !important;} .fujian a{color:#fff !important; font-family:"Microsoft Yahei" !important;} .fujian:hover{background-color:#00aff0 !important} .gray{margin:20px 0px !important;padding:15px 15px 15px 70px !important;font-size:12px !important;background:url(http://www.noteet.com/content/plugins/Lanye_downstyle/checklist.png) no-repeat 20px 20px #f6f5f5;border:1px solid #cccccc !important;color:#555 !important;border-radius:8px} .yellow {margin:20px 0px !important;padding:15px 15px 15px 70px !important;font-size:12px !important;background:url(http://www.noteet.com/content/plugins/Lanye_downstyle/warning.png) no-repeat 20px 20px #fff9c6;border:1px solid #fbe951 !important;color:#cba200 !important;border-radius:8px} .green {margin:20px 0px !important;padding:15px 15px 15px 70px !important;font-size:12px !important;background:url(http://www.noteet.com/content/plugins/Lanye_downstyle/yes.png) no-repeat 20px 20px #EBF6E0;border:1px solid #b7ec82 !important;color:#649505 !important;border-radius:8px} .blue {margin:20px 0px !important;padding:15px 15px 15px 70px !important;font-size:12px !important;background:url(http://www.noteet.com/content/plugins/Lanye_downstyle/info.png) no-repeat 20px 20px #c3e5ff;border:1px solid #8accff !important;color:#0d70bb !important;border-radius:8px} .red {margin:20px 0px !important;padding:15px 15px 15px 70px !important;font-size:12px !important;background:url(http://www.noteet.com/content/plugins/Lanye_downstyle/noway.png) no-repeat 20px 20px #FFE9E9;border:1px solid #ffacac !important;color:#bd0000 !important;border-radius:8px}</style>

如果需要用到蓝叶的样式，复制上房顶这些代码放到文章的后方便可以了。效果如本文所示。