Apps 脚本外部样式表

Question

我正在尝试使用我在多个应用程序脚本 Web 应用程序项目之间创建的单个 HTML 样式表。我在外部站点上托管了 HTML 样式表，但无法找出将该外部样式表包含到我的应用程序脚本项目中的代码。

我目前已经在我的 Index.html 文件中使用以下代码：

<link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons1.css">
<?!= include('stylesheet') ?>

包含函数调用：

function include(filename) {
  return HtmlService.createHtmlOutputFromFile(filename)
  .getContent();
}

我的样式表是我的 Apps 脚本中的一个单独的 HTML 文件。

这一切都运行良好，但我希望在其他地方有一个中央存储库（我读到我无法链接到另一个项目中的 Apps 脚本文件），这样我所做的任何更改都会更新到我的所有Apps 脚本自动项目。

为此，我将 stylesheet.html 上传到网站，并获取指向该文件的链接（即 http://www.test.com/stylesheet.html）并尝试执行以下操作没有成功：

<link rel="stylesheet" href="http://www.test.com/stylesheet.html">

我已将其放置在 Index.html 文件的 head 元素中，并且我还在 head 元素上方尝试了它。都不起作用。

我还尝试只使用如上所述工作的 include 函数，并将我的 stylesheet.html 修改为空白，除了：

<link rel="stylesheet" href="http://www.test.com/stylesheet.html">

这些似乎都不起作用，想知道是否有其他人对这如何可能有任何想法。

Answer 1

在 Google Drive 中托管 CSS 文件

创建一个

.css

样式表文件并将其托管在 Google 云端硬盘上。更改上传的文件权限以将其发布到网络上。

现在复制已发布的文件 ID 并使用它来构建以下 URL：

https://drive.google.com/uc?export=view&id=FILE-ID-GOES-HERE

现在使用

<link/>

标签将生成的 URL 包含到您的 HTML 页面中：

<link rel="stylesheet" href="google_drive_link_goes_here">