昨天Hostker开始可以给网站加上证书了,于是兴冲冲的跑去注册了一个证书给网站挂上。挂好之后刷新,看到网址左边出现了一个绿色小锁感觉略爽 略爽。但是似乎是高兴的太早了。等网页加载完毕,那个萌萌哒的绿色小锁变成了灰色,旁边还多了个黄色小三角。这简直是#逼死强迫症系列#。。F12打开控 制台一看,原来千错万错都是多说的错(不对。原来多说全系列地址都用的http。这是药丸阿0 0好在这些地址加上s之后也是能用的,于是决定对多说进行改造← ←#麻麻我的强迫症有救了#
第一步
首先将多说的embed.js文件下载到本地。传送门:http://static.duoshuo.com/embed.js
我的博客使用的是Wordpress,其他程序修改方法也类似,自己折腾一下就哈
进入插件编辑,选择多说,选择Wordpress.php文件,然后将这个文件的第591行的地址替换成自己本地地址。
例如
1
|
< script type = 'text/javascript' src = '//geeku.net/embed.js' charset = 'UTF-8' async = 'async' ></ script > |
第二步
上面一步做完之后,就要对embed.js进行修改了。
下面的问题主要是头像的图片地址问题,多说的头像地址大多是调用的第三方的地址,例如新浪微博。而新浪微博是不支持https访问的。
我用的方法是本地中转一下。
例如(头像很小,用php直接输出应该没啥事吧_(:з」∠)_新喵不要打我)
1
2
3
4
5
6
7
|
$src = $_GET [ 'src' ]; if (@exif_imagetype( $src )) { header( 'Content-Type:image/png' ); echo file_get_contents ( $src ); } else echo 'not img' ; |
然后在embed.js中搜索avatarUrl,然后将后面的代码替换成 然后在embed.js中搜索avatarUrl,然后将后面的代码替换成
1
2
3
4
5
6
|
avatarUrl: function (e){ avatarUrl: function (e){ if (e.avatar_url) if (e.avatar_url) else else } } |
第三步
最后一步是将多说的spirte.png的地址替换成https的,这步简单。直接在你的style.css中添加如下代码即可
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
#ds-reset .ds-gradient-bg { } #ds-reset .ds- icon { } #ds-thread #ds-reset .ds-textarea-wrapper{ background : #fff url ( "https://static.duoshuo.com/images/bg_sprites.png" ) 0 -90px repeat-x !important ; } #ds-thread #ds-reset .ds-toolbar-button{ } #ds-wrapper #ds-reset .ds-dialog-close{ background : transparent url ( "https://static.duoshuo.com/images/sprites.png" ) 0 -163px no-repeat !important ; } #ds-notify #ds-reset a.ds-logo{ background : transparent url ( "https://static.duoshuo.com/images/sprites.png" ) 0 -220px no-repeat !important ; } |
以上几步完成之后,再次刷新就可以发现,萌萌哒的绿色小锁又出现在了网址左边。
来自https://geeku.net/1878.html