Eleventy文档启动器

eleventy-google-docs-starter — Eleventy 文档模板

作者 jpoehnelt

一个以 Google Docs 和 Google Drive 作为内容源的 Eleventy 启动器,通过 Google Docs API 与 google-docs-hast 把文档转换为页面。

看看你的网站会是什么样

浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。

2 个预览视图
桌面端首页1 / 2
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

截图用于了解视觉与布局,交互效果请以实际项目为准。

采集于 2026-09-30查看来源

值得关注的模板亮点

从已有项目资料中,快速了解它的特点。

01

以 Google Docs 作为写作端,Google Drive 文件夹作为内容来源

02

使用 Google Docs API 与 @googleworkspace/google-docs-hast 转换文档

03

基于 Eleventy 生成静态页面

04

通过 .env 配置服务账号邮箱、私钥与 Drive 文件夹 ID

05

提供在线演示站点,采用 Apache-2.0 许可

模板详细介绍

该启动器把 Google Docs API、Eleventy 与 @googleworkspace/google-docs-hast 组合在一起,用 Google Docs 和 Google Drive 充当 CMS:文档内容经转换后由 Eleventy 生成页面。仓库提供在线演示,采用 Apache-2.0 许可。

使用前需要自行准备 Google Cloud 项目:启用 Google Docs API,创建服务账号并下载 JSON 凭据,把 client_email 与 client_private_key 写入 .env;同时创建一个 Google Drive 文件夹并共享给该服务账号邮箱,将文件夹 ID 填入 GOOGLE_DRIVE_FOLDER。之后执行 npm install 安装依赖,npm run dev 启动开发服务器。

资料未说明内容模型、路由规则、样式方案与部署方式,也未给出性能或生产可用性方面的结论,这些需要结合仓库实际代码确认。

Eleventy文档启动器

适合你的项目吗?

适用场景

  • 希望用 Google Docs 撰写并维护网站内容的个人或团队
  • 需要把已有 Google Drive 文档发布为静态页面的场景
  • 想了解 Google Docs API 与 Eleventy 集成方式的开发者

适合人群

  • 熟悉 Node.js 与 npm 命令行的使用者
  • 能够自行创建 Google Cloud 项目和服务账号的开发者
  • 接受以 Google Docs 作为内容编辑界面的项目

上手与定制指南

结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。

  1. 1

    复制 .env.sample 为 .env

  2. 2

    在 Google Cloud 创建项目并启用 Google Docs API

  3. 3

    创建服务账号并下载 JSON 凭据,将 client_email 与 client_private_key 填入 .env

  4. 4

    创建 Google Drive 文件夹并共享给服务账号邮箱,把文件夹 ID 写入 GOOGLE_DRIVE_FOLDER

  5. 5

    运行 npm install 安装依赖,npm run dev 启动开发服务器

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 Apache-2.0 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发;分发时需随附 Apache-2.0 许可证。
  • 修改过的文件需显著标明改动,并保留相关版权、专利、商标及归属声明。
  • 若原项目附有 NOTICE 文件,分发衍生作品时需保留其中适用的归属声明。
  • 许可包含适用的贡献者专利授权;发起许可所述专利诉讼会终止该专利授权,且不授予商标使用权。
  • 代码按现状提供;担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 使用该模板必须自行创建 Google Cloud 项目并启用 Google Docs API,属于外部服务依赖,需自行承担相关账号与费用。
  • 必须创建 Google 服务账号并下载 JSON 凭据文件,才能获取访问 Google Docs API 所需的 client_email 与 client_private_key。
  • 内容源依赖 Google Drive 文件夹,且必须将该文件夹共享给服务账号邮箱,否则无法读取文档。
  • 必须把 Google Drive 文件夹 ID 配置到 .env 的 GOOGLE_DRIVE_FOLDER 变量中,模板才能定位内容来源。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 Apache-2.0 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

no-charge, royalty-free, irrevocable copyright license

许可证原文

Create a [Google Cloud project](https://console.cloud.google.com) and enable the [Google Docs API](https://developers.google.com/docs/api).

README 原文

Create a [service account](https://console.cloud.google.com/iam-admin/serviceaccounts) and download the JSON credentials file.

README 原文

Create a Google Drive folder and share it with the service account email.

README 原文

Copy the folder ID to the `GOOGLE_DRIVE_FOLDER` variable in `.env`.

README 原文
https://github.com/jpoehnelt/eleventy-google-docs-starter/blob/main/LICENSEhttps://github.com/jpoehnelt/eleventy-google-docs-starter/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-01。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 77 / 100
技术栈
Eleventy
网站类型
文档 · 启动器
这个分数如何计算

本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2023-04-20
截图检查日期
2026-10-01

已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Eleventy。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对;未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: d951d15374f046bb1e33ba6560d46382c8a41c2ee20d2e2cd94ed36273659bf7

2026-10-01T13:30:49.752Z

来源文件 / 仓库
# Eleventy and Google Docs Starter

This Eleventy starter combines the [Google Docs API](https://developers.google.com/docs/api), [Eleventy](https://11ty.dev), and [@googleworkspace/google-docs-hast](https://www.npmjs.com/package/@googleworkspace/google-docs-hast) to create pages using Google Docs and Google Drive as a CMS.

[Demo](https://eleventy-google-docs-starter.netlify.app)

## Setup

1. Copy `.env.sample` to `.env`.
2. Create a [Google Cloud project](https://console.cloud.google.com) and enable the [Google Docs API](https://developers.google.com/docs/api).
3. Create a [service account](https://console.cloud.google.com/iam-admin/serviceaccounts) and download the JSON credentials file.
4. Copy the `client_email` and `client_private_key` value from the JSON credentials file to the variables in `.env`.
5. Create a Google Drive folder and share it with the service account email.
6. Copy the folder ID to the `GOOGLE_DRIVE_FOLDER` variable in `.env`.
7. Run `npm install` to install dependencies.
8. Run `npm run dev` to start the development server.
反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。