在Blogger中通过JavaScript引用外部Apps Script脚本链接

步骤1：将JavaScript代码部署为Apps Script Web应用 #

打开你的Apps Script项目，替换原有代码为以下结构，把你原本要嵌入Blogspot的JS逻辑填入jsCode变量中：

function doGet() {
  const jsCode = `
    // 这里写入你的JavaScript逻辑
    document.addEventListener('DOMContentLoaded', () => {
      // 示例操作：输出日志
      console.log('外部脚本已加载');
      // 你的业务代码...
    });
  `;
  return ContentService.createTextOutput(jsCode)
    .setMimeType(ContentService.MimeType.JAVASCRIPT);
}

完成代码编写后，进行部署：

• 点击右上角「部署」→「新部署」
• 部署类型选择「Web应用」
• 执行权限选择「我自己」
• 访问权限根据需求选择：若需公开访问选「任何人，甚至匿名」，仅限内部访问则选对应权限
• 点击「部署」，复制生成的Web应用URL

步骤2：在Blogspot中引用外部脚本 #

进入Blogspot后台操作：

• 点击「主题」→「自定义」→「编辑HTML」
• 在<head>标签内添加脚本引用，替换成你刚才复制的URL：

<script src="你的Apps Script Web应用URL"></script>

• 保存主题即可生效

注意事项 #

• 每次修改Apps Script代码后，需要重新部署并更新版本，否则Blogspot会继续加载旧脚本
• 若脚本需要操作页面DOM，务必用DOMContentLoaded或类似事件确保页面加载完成后再执行逻辑
• 访问权限设置为「任何人，甚至匿名」时，脚本会被公开访问，若涉及敏感逻辑需谨慎设置

内容的提问来源于stack exchange，提问作者John Simon