以 Google Docs 作为写作端,Google Drive 文件夹作为内容来源
eleventy-google-docs-starter — Eleventy 文档模板
作者 jpoehnelt
一个以 Google Docs 和 Google Drive 作为内容源的 Eleventy 启动器,通过 Google Docs API 与 google-docs-hast 把文档转换为页面。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 2
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
使用 Google Docs API 与 @googleworkspace/google-docs-hast 转换文档
基于 Eleventy 生成静态页面
通过 .env 配置服务账号邮箱、私钥与 Drive 文件夹 ID
提供在线演示站点,采用 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 启动开发服务器。
资料未说明内容模型、路由规则、样式方案与部署方式,也未给出性能或生产可用性方面的结论,这些需要结合仓库实际代码确认。
适合你的项目吗?
适用场景
- 希望用 Google Docs 撰写并维护网站内容的个人或团队
- 需要把已有 Google Drive 文档发布为静态页面的场景
- 想了解 Google Docs API 与 Eleventy 集成方式的开发者
适合人群
- 熟悉 Node.js 与 npm 命令行的使用者
- 能够自行创建 Google Cloud 项目和服务账号的开发者
- 接受以 Google Docs 作为内容编辑界面的项目
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
复制 .env.sample 为 .env
- 2
在 Google Cloud 创建项目并启用 Google Docs API
- 3
创建服务账号并下载 JSON 凭据,将 client_email 与 client_private_key 填入 .env
- 4
创建 Google Drive 文件夹并共享给服务账号邮箱,把文件夹 ID 写入 GOOGLE_DRIVE_FOLDER
- 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 原文
https://github.com/jpoehnelt/eleventy-google-docs-starter/blob/main/LICENSEhttps://github.com/jpoehnelt/eleventy-google-docs-starter/blob/main/README.mdCopy the folder ID to the `GOOGLE_DRIVE_FOLDER` variable in `.env`.
README 原文
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.
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

eleventy-base-blog
A starter repository for a blog web site using the Eleventy static site generator.
Eleventy · 博客

eleventy-garden
:seedling: A starter site for building a mind garden with eleventy
Eleventy · 启动器

eleventastic
An Eleventy Starter Kit
Eleventy · 启动器

neat-starter
Starter Template for Netlify CMS, Eleventy, Alpine JS & Tailwind CSS
Eleventy · 启动器

Eleventy-Starter-Boilerplate
🚀 Eleventy Starter is production-ready with SEO-friendly for quickly starting a blog. ⚡ Built with Eleventy, …
Eleventy · 博客

eleventy-plus-vite
A clean and fast Eleventy Starter Project with Vite
Eleventy · 启动器
