2016-05-16

移除blogger模板中自带的css

为了搭建国内可访问的blogger也是蛮拼得,在现在这个免费空间满天飞的时代还坚持着blogger是怎样的信仰啊!

今天该模板的时候发现了一个问题,那就是无论我怎么修改,都会有blogger自动添加的css,这对于国内访问来说肯定是受影响的。
于是找到了如下教程(教程来自:丑博客儿):
问题来源:blogger模板里会自动加入诸如 <link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/1937454905-widget_css_bundle.css' /> 一类的css调用,而这些css是来自blogger的,不翻墙没法拿到啊亲。另外这也是blogger后台自动添加的,所以用老办法将这些调用语句注释掉!

问题解决:
首先还是要到博客管理后台的模板HTML编辑处,找到如下代码
<b:skin><![CDATA[ 
然后再找到如下代码
 ]]></b:skin>

将这两组代码中间的所有代码,也就是css都剪切下来,放到一个记事本中。 

如此一来,HTML编辑器里就剩下了这样 <b:skin><![CDATA[ ]]></b:skin>

很好,将上面这个替换为
&lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>

这样就去除了blogger....bundle.css的影响了,因为被巧妙的注释掉了。

接下来把之前拷贝到记事本的css代码,放到</b:skin>之后:

<style type='text/css'>
把你拷贝出来的css代码放在这里
</style>

补充:
我发现在代码末端有会有if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');

类似这样的代码出现,我们可以通过下面的方法注释:
&lt;!--[if 0] &gt;
</body>
&lt;![endif]--&gt;
&lt;/body/&gt;
</html>

即在最后一个</body>和</html>前个加上一段代码即可。

特别说明

由于众所周知的原因,本博客以往文章的图片无法显示,请谅解。

标签

生活纪实 (191) 感想 (113) ingress (54) 软件 (53) 小诗 (34) 梦境 (28) 教程 (26) 科幻 (21) 体会 (20) 杭州 (11) blogger (5) wordpress (5) Google adsense (4) Google voice (3) Chrome (2) Tensorflow (1) 谷粉 (1)