我正在尝试从头开始编写博客模板。我在模板中添加了一些元素和样式。但是，我发现其他一些 CSS 样式表也包括在内，它们也应用于页面元素，如下所示：
第一个 CSS 背景规则是我在标签中应用的唯一内容<b:skin>，其余的不是来自我的样式。那么，我该如何删除它们。如果它们是正确的，我可以覆盖它们，但是有一些错误的声明（_height:100%）
问问题
12193 次
8 回答
6
随着去年新主题引擎的发布，Blogger 现在可以更轻松地删除模板中包含的默认 CSS 和 JS 文件。
要删除它们，请将以下属性添加到<html>模板代码开头的标记（位于主题自定义下） -
<html b:css='false' b:js='false' ...
b:css='false' - 删除 Blogger 在模板中包含的默认 CSS
b:js='false' - 删除模板中 Blogger 包含的默认 JS
于 2018-02-23T23:25:52.857 回答
4
首先备份您的模板。
阻止 BLOGGER CSS：
找到这个：
<b:skin><![CDATA[lots-of-css-code]]></b:skin>
并替换为：
<style type="text/css"><!-- /*<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>
于 2014-09-27T14:53:36.513 回答
1
禁用默认 Blogger Css 包：
widget_css_2_bundle.css您可以使用以下步骤删除：
第一步 ：
搜索<head>标签并将其替换为：
<head>
第二步 ：
搜索</head>标签并将其替换为：
</head><!--<head/>-->
注意：这是最好的方法，因为如果您在模板中使用变量，则不会影响变量。
禁用 Plusone.js 和 Widgets.js
现在，如果您想禁用Plusone.js并Widgets.js提高页面速度，请按照以下步骤操作：
搜索</body>标签并将其替换为：
<!--</body>--> </body>
这一切都保存了您的模板并且做得很好：）现在您可以根据需要从头开始创建自己的博客模板；）
于 2015-01-16T05:01:28.930 回答
1
一种解决方案可能是显式覆盖不需要的样式表中包含的每种样式。
本质上，这将要求您调用自己的样式表以在调用不需要的样式表后将每个不需要的样式重置为其默认值。
由于您的样式位于级联下方，因此它们将取消不需要的样式。
这是一个完全混乱的解决方案，但总比没有好。
!important 只能作为最后的手段使用。
于 2013-06-23T19:15:28.803 回答
1
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 注释，但不能永久删除。
为此，您可以在如何在您的自定义模板中删除/隐藏 Blogger 官方 CSS？因此，请按照此操作并删除 Blogger 官方 CSS 捆绑包。
于 2014-07-27T05:09:34.510 回答
1
<script>
$("[href$='css_bundle.css']").remove();
</script>
如果您使用 jquery 库，请使用它。
于 2013-09-09T09:58:25.407 回答
0
我发现的唯一方法是将皮肤标签完全留空，并在头部添加一些样式标签或链接到样式表。它对我有用，但它仍然很烦人。
于 2013-08-29T10:52:34.837 回答
0
如果您使用此代码<b:skin><![CDATA[...]]></b:skin>，它将变为注释代码，并且它仍然显示在首页，即使它没有被使用。
从我发现的所有方式来看，这种方式都非常简单。更改<b:skin> ... </b:skin>为此代码：
<b:if cond='data:blog.pageType == "error_page"'>
<b:skin> ... </b:skin>
</b:if>
它将删除<b:skin>首页中的样式而不更改为注释代码。
于 2018-07-14T11:56:17.353 回答