一个乐于分享的博客
关注互联网折腾服务器分享码农的日常

启用了https仍然是灰色没有小绿锁?原来是这样

启用了https仍然是灰色没有小绿锁?原来是这样

网站之前开启了https访问,详见申请免费SSL证书 升级HTTPS但是好像有哪里不对,域名中的https还是灰色的,而且没有“安全”字样和小绿锁,到底是哪里出了问题呢?

原来显示小绿没,必须要全站https才行,是什么概念呢,我大概总结了一下:

  1. 引用的Javascript/CSS脚本必须是https://开头的
  2. 引用的图片必须是https开头的

修改JavaScript/css引用

对于通用脚本比如Jquery可以不必放自己网站上,而直接从官方CDN库中引用,官方CDN同时支持http和https,可用如下方式进行引用

<script type='text/javascript' src='//code.jquery.com/jquery-1.9.1.min.js'></script>

修改图片引用

如果图片直接上传至系统后台,应该不用修改,此处仅适用于使用第三方图床的网站。

如果使用的是新浪微博图床,同时也支持https,只需要把网站中所有链接变更为https形式即可。

用phpmyadmin或adminer等数据库管理工具打开数据库,执行如下SQL语句,即可批量替换。

update wp_posts set post_content = replace(post_content,'http://ww1.sinaimg.cn','https://ww1.sinaimg.cn')

启用了https仍然是灰色没有小绿锁?原来是这样

再次上传图片时,记得勾选左下角“HTTPS”复选框

启用了https仍然是灰色没有小绿锁?原来是这样

结语

替换完所有http链接之后,网站正式进入“全站https”,刷新一下页面,看小绿锁是不是也出现了。

转载务必注明出处:岩兔站 » 启用了https仍然是灰色没有小绿锁?原来是这样
赞 (4) or 打赏

讨论区 2

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    “申请免费SSL证书 升级HTTPS” 的文章链接跳转到了 一条有关今日头条的文章,是改了文章的号码么

    丝丝6年前 (2019-04-04)回复