如何删除 Blogger CSS 小部件捆绑包答案

【问题标题】：How to remove Blogger CSS widget bundle如何删除 Blogger CSS 小部件捆绑包
【发布时间】：2018-07-14 19:56:17
【问题描述】：

我正在尝试从头开始编写博客模板。我在模板中添加了一些元素和样式。但是，我发现其中包含了一些其他 CSS 样式表，它们也应用于页面元素，如下所示：

第一个 CSS 背景规则是我在 <b:skin> 标签中应用的唯一内容，其余的不是来自我的样式。那么，我该如何删除它们。如果它们是正确的，我可以覆盖它们，但是有一些错误的声明(_height:100%)

【问题讨论】：

你能删除默认样式表的链接吗？这样最好。
除了那些样式表之外，我可以编辑任何东西。但是，我不知道如何删除它..
也许有一些原因可以解释为什么你没有答案，你不觉得吗？第一：向我们展示更多代码。在上面的例子中，我真的不明白为什么你不能用一个适合你需要的值来覆盖这个简单的 IE CSS hack (_height:100%)。虽然我不推荐它，但使用!important 就完成了。第二：把我们放在上下文中。您的样式表是在另一个样式表之后还是之前调用？是否有任何代码可以即时生成一些样式？所以要更具体和更具描述性。哦，祝你好运;-)
胆固醇建议使用 !important 覆盖 CSS 样式

标签： css blogger

【解决方案1】：

随着去年新主题引擎的发布，Blogger 现在可以更轻松地删除模板中包含的默认 CSS 和 JS 文件。

要删除它们，请将以下属性添加到模板代码开头的 <html> 标记（位于主题?自定义下）-

<html b:css='false' b:js='false' ...

b:css='false' - 删除 Blogger 在模板中包含的默认 CSS

b:js='false' - 移除 Blogger 在模板中包含的默认 JS

【讨论】：

【解决方案2】：

首先备份您的模板。

阻止 BLOGGER CSS：

找到这个：

<b:skin><![CDATA[lots-of-css-code]]></b:skin>

并替换为：

&lt;style type=&quot;text/css&quot;&gt;&lt;!-- /*<b:skin>*/</b:skin>

找到这个：

 <b:template-skin>bunch of code</b:template-skin>

并替换为：

<link href='https://www.somewhere.com/yourstylesheet.css' rel='stylesheet' type='text/css'/>

或替换为：

 <style>your-custom-css-here</style>

【讨论】：

它就像一个魅力。这个答案应该更高。

【解决方案3】：

一种解决方案可能是显式覆盖不需要的样式表中包含的每种样式。

本质上，这需要您调用自己的样式表，以便在调用不需要的样式表后将每个不需要的样式重置为其默认值。

由于您的样式位于级联的下方，它们将抵消掉不需要的样式。

这是一个完全混乱的解决方案，但总比没有好。

!important 只能作为最后的手段使用。

【讨论】：

【解决方案4】：

<script>
$("[href$='css_bundle.css']").remove();
</script>

如果您使用 jquery 库，请使用它。

【讨论】：

我认为这是一个不好的做法。

【解决方案5】：

Blogger 官方添加了两个外部 CSS 文件。删除它们可能会导致 Blogger 模板混乱，但如果您是设计师并添加了自己的 CSS 而不是 Blogger，那么删除可能导致负载过重的不需要的 CSS 文件很重要。

<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/1937454905-widget_css_bundle.css' /> <link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/4219271310-widget_css_2_bundle.css' />

这是每个 Blogger 博客中的两个 Blogger 官方 CSS 捆绑文件。您必须注意的一件事是，您可以将这些行变成 HTML 注释，但不能永久删除。

为此，您可以在How To Remove/Hide Blogger Official CSS In Your Custom Template? 找到一个很长的教程，因此请按照此操作并删除 Blogger 官方 CSS 包。

【讨论】：

【解决方案6】：

禁用默认 Blogger Css 包：

您可以通过以下步骤删除widget_css_2_bundle.css：

第一步：

搜索<head>标签并将其替换为：

&lt;head&gt;

第二步：

搜索</head> 标签并将其替换为：

&lt;/head&gt;&lt;!--<head/>--&gt;

注意：这是最好的方法，因为如果你不影响变量在模板中使用变量。

禁用 Plusone.js 和 Widgets.js

现在，如果您想禁用 Plusone.js 和 Widgets.js 以提高页面速度，请按照以下步骤操作：

搜索</body>标签并将其替换为：

&lt;!--</body>--&gt; &lt;/body&gt;

这一切都保存了您的模板并且做得很好:) 现在您可以随心所欲地从头开始创建自己的博客模板；）

【讨论】：

【解决方案7】：

我发现的唯一方法是将皮肤标签完全留空，并在头部添加一些样式标签或链接到样式表。它对我有用，但它仍然很烦人。

【讨论】：

我最近写了一篇关于如何编写模板的教程，您可以在其中看到我是如何做到的：bekreatief.blogspot.ch/2013/08/…

【解决方案8】：

如果您使用此代码<b:skin><![CDATA[...]]></b:skin>，它将变为评论代码，并且仍然显示在首页，即使它没有被使用。

从我发现的所有方式来看，这种方式都非常简单。将<b:skin> ... </b:skin> 更改为此代码：

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
   <b:skin> ... </b:skin>
</b:if>

会去掉首页<b:skin>的样式，不改成评论代码。

【讨论】：