Https 安全链接 添加侧边栏提醒代码分享

众所周知，Https除了安全性更高这一好处外，HTTPS对SEO也是有一定益处的百度不说话。但是可能由于之前有别的网站引用了我们网站的URL，所以一部分用户访问还是以HTTP形式进入的，而QQ邮箱订阅有不支持HTTPS，所以我们不能完全禁用HTTP，不如再侧边栏加一个提醒，当用户点击后，自动跳转到HTTPS，是不是非常机智呢，我都被我自己的才华吓到了 😯

先上效果图：

代码：

先在主题style.css中添加：

.ishttps {
    background-color: #2ecc71;
    padding-top: 5px;
    border-radius: 2px;
    color: #fff;
    box-shadow: 0 2px 3px rgba(0,0,0,.1);
}

.nothttps {
    background-color: #d9534f;
    padding-top: 5px;
    border-radius: 2px;
    color: #fff;
    box-shadow: 0 2px 3px rgba(0,0,0,.1);
}

.nothttps:hover {
    color: #fff;
    background-color: #e6162d;
}

.ishttps:hover {
    color: #fff;
    background-color: #24ae5f;
}

.warn-content {
    padding: 15px;
}

然后侧边栏小工具中添加：[这是html代码，随便加哪都行]

😯 至于效果..就不演示了 等我博客全面Https时你们自己看 啦啦啦