解决https网站地址栏图标小锁变成灰色和黄色三角形警告

网站添加SSL证书后, 可能会发现地址栏https前面的图标不是绿色小锁, 而是一把灰色的小锁, 并有黄色三角形, 点击图标会显示警告: 此页中包含其他不安全的资源balaaaaaaa…, 如下图所示:

出现该问题一般是由于网页包含混合内容, 比如网页引用的图片, CSS样式等仍然是http链接.

解决办法也很简单, 在浏览器中按F12调出开发者工具, 并切换到console界面.

即可看到具体的提示:
Mixed Content: The page at 'https://www.dean17.com/' was loaded over HTTPS, but requested an insecure image 'http://www.dean17.com/wp-content/uploads/2016/12/banner-1-2.jpg'. This content should also be served over HTTPS.

然后把对应的http链接改为https即可.