多说CSS本地化及样式完全自定义

in Shares with 5 comments

用多说的都知道多说的服务器总是三天两头抽风,不抽风的时候访问速度也经常慢得出奇,继上次多说的龟速访问把我惹毛了把js扔到七牛上之后,这次又打算对CSS下手。话不多说,开干。
多说是通过js调用加载CSS文件的,所以像替换特色图像的思路就行不通了,Google之后发现已经有人实现了X多说这个伟大事业,懒得自己写,代码就直接不要脸得扒了过来(源地址):

//拒绝加载多说自带css样式文件
     $(document).ready(function(){ findLink(); });
     function findLink(){
         var self =null;
         var timer = setTimeout(findLink,200); 
        $('link[rel*=stylesheet]').each(function(i){
             var hrefStr = $(this).attr("href");
             if(hrefStr.indexOf('styles/embed')> 0){
                self = $(this);
                self.remove();
                clearTimeout(timer);
            }
        });  
    }

功能很简单就是截断多说从自己的服务器加载CSS,把这段 script 插入 footer.php (你要是喜欢插header我也没话说咯)
然后F12查找 http://static.duoshuo.com/styles/ 将CSS保存至本地或七牛。
最后在header.php插入<link rel="stylesheet" href="http://cdn.levtu.com/ds/xxds.css?ver=1.00";>调用之
这样做有两大优势:一个是加快访问速度再也不会出现评论位置卡屏的情况了,二就是可以完全自定义多说样式,这个就留着下次折腾吧。

Responses
  1. 一直用自带的评论。

    Reply
  2. 自带的评论不是很快么

    Reply
    1. @MinonHeart

      自带的和我这主题不太搭,所以就一直用着多说了。

      Reply
      1. @予而不语

        照多说的改改不就搭上了?

        Reply
        1. @老杨

          这个正在打算,估计是2个月之后的任务.

          Reply