如何删除 Blogger 的默认 CSS 和 JavaScript 小部件文件

您可能在博客的源代码中看到了一些链接和脚本标签。 其中一些标签是由 Blogger 本身添加的,用于加载默认的 JavaScript 和 CSS 捆绑小部件文件。 您不会在模板编辑器中找到这些标签,因为它们会自动添加到您的博客中。


以下是所有 Blogger 默认 JavaScript 和 CSS 小部件文件的列表 –

  • widget_css_bundle.css– 此文件包含 Blogger 模板和小部件的所有默认 CSS(例如热门帖子、联系表单、评论 CSS 等)
  • 授权.css– 这是另一个专门针对您的 BlogID 的小 CSS 文件。
  • 小部件.js– 这是一个相当大的文件,其中包含 Blogger 小部件的所有默认 JavaScript。
  • 加一js– 顾名思义,此 JavaScript 用于 Google+ 小部件。

这些 JavaScript 和 CSS 小部件文件可能会影响您博客的页面加载速度,这就是您可能计划删除它们的原因。 Blogger 没有任何选项来禁用默认的 JavaScript 和 CSS 小部件文件,但是,有一些技巧可以帮助您将它们从博客中删除。

删除 Blogger 默认文件的优点和缺点

  • 优点– 删除 Blogger 的默认 JavaScript 和 CSS 文件的主要优点是增加博客的页面加载时间。 因此,您可以为访问者提供更快的用户体验。
  • 缺点– 当您删除 Blogger 的默认 JavaScript 和 CSS 文件时,您的博客设计可能会受到影响,并且某些完全依赖于这些文件的小部件(例如联系表单)可能无法工作。

笔记:仅当您具有自定义 Blogger 主题的背景知识并且了解小部件的工作原理时,我们才建议您从博客中删除默认的 JavaScript 和 CSS 文件。

这是删除 Blogger 默认 CSS 和 JavaScript 小部件链接的最简单方法之一,方法是在</head>标记在您的博客 HTML 上。 这是分步指南 –

  1. 登录您的 Blogger 帐户并转至主题 > 编辑 HTML
  2. 现在找到</head>模板编辑器中的标签。
  3. 添加b:css='假' b:js='假'head 标签中的属性,因此它看起来像这样:
    <html b:css='false' b:js='false' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='https://www.google.com/2005/gml/b' xmlns:data='https://www.google.com/2005/gml/data' xmlns:expr='https://www.google.com/2005/gml/expr' xmlns:fb='https://ogp.me/ns/fb#' xmlns:og='https://ogp.me/ns#'>
    

    笔记:我们建议在对其进行任何更改之前。

  4. 最后,点击“保存主题”按钮保存更改。 就是这样。

现在查看博客的源代码,您会发现 widget_css_bundle.css 和 widget.js 文件已被删除。 不幸的是,此方法不会删除authorization.css 和 plusone.js 文件。

使用 HTML 注释删除 Blogger 的默认 JS 和 CSS 链接

在此方法中,我们将更改 HTML 注释中的 CSS 和 JavaScript 小部件文件。 按着这些次序 -

  1. 登录您的 Blogger 控制面板并转至主题 > 编辑 HTML
  2. 单击模板编辑器中的任意位置,然后按 CTRL+F 打开搜索框。
  3. 类型<b:skin><![CDATA[*/然后按 Enter 按钮进行搜索。
  4. 将此代码替换为以下代码:
    &lt;style type=&quot;text/css&quot;&gt;
    &lt;!– /*<b:skin><![CDATA[*/]]></b:skin>
    <style type=’text/css’>
    
  5. 现在找到]]></b:skin>代码并将其替换为</script>
  6. 同样,找到</body>标记在模板 HTML 的末尾,并将其替换为以下代码:
    &lt;!--</body>--&gt;&lt;/body&gt;
    
  7. 最后,点击“保存主题“ 按钮。

此方法将从您的 Blogger 博客中删除 widget_css_bundle.css、widget.js 和 plusone.js 文件。

删除 Blogger 中的authorization.css 链接

不幸的是,上述方法无法删除authorization.css文件。 为了删除它,您必须更改</head>您的 Blogger 模板中的标签。 简单地说,前往主题 > 编辑 HTML并单击模板编辑器中的任意位置。

之后按CTRL+F快捷键打开搜索框,找到</head>标签。 现在将其替换为以下代码:

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

以下是从博客中删除 Blogger 默认 CSS 捆绑包和 JavaScript 小部件文件的一些方法。 如果您遇到任何问题,请在下面的评论部分告诉我们。

内容营销人员兼创始人@Geek Instructor。凭借十多年的经验,我撰写了 1500 多篇涵盖广泛主题的文章。 我热衷于与他人分享我的技术知识。 就我个人而言,我喜欢旅行和制作 YouTube 视频。