Eleventy启动器

eleventyone — Eleventy 启动器模板

作者 dukeblue1994-glitch

基于 Phil Hawksworth 的 EleventyOne 启动器搭建的个人工作区，使用 Eleventy 生成静态站点，并集成 Netlify Dev 与 Netlify Functions 的本地开发流程。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

1 个预览视图
作者提供的预览
作者提供的预览首屏预览

来自项目 README 的原始预览。

目前有 1 张原始预览，可打开完整图片查看设计细节。

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

采集于 2026-10-13查看来源

值得关注的模板亮点

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

01

Eleventy 骨架站点，作为新项目的起始脚手架

02

基于 Luxon 的 Nunjucks 日期格式化过滤器

03

使用 PostCSS 的轻量 CSS 处理流程与内联 JS 处理流程

04

内置 JS 搜索索引生成器

05

通过 Netlify Dev 在本地测试重定向并运行无服务器函数

06

提供 Deploy to Netlify 按钮，可一键克隆仓库并创建站点

模板详细介绍

这是一个 Eleventy 启动器模板，源自 Phil Hawksworth 的 EleventyOne，当前仓库为个人工作区版本。它提供 Eleventy 骨架站点，并附带若干构建辅助：基于 Luxon 的 Nunjucks 日期格式化过滤器、使用 PostCSS 的轻量 CSS 处理流程、内联 JS 处理流程，以及 JS 搜索索引生成器。

开发流程围绕 Netlify 展开：通过 Netlify Dev 在本地测试 Netlify 重定向，并运行无服务器（FaaS）函数。README 给出的本地运行步骤为 npm install 安装依赖、npm run seed 将外部数据源暂存到本地、npm start 构建，以及安装 Netlify CLI 后执行 netlify dev 启动带 Netlify 能力的本地服务器。模板包含示例函数路径 /.netlify/functions/hello 与 /.netlify/functions/fetch-joke，并通过重定向 API 提供 /api/hello 与 /api/fetch-joke 作为代理地址。

仓库也提供 Deploy to Netlify 按钮，点击后 Netlify 会把该仓库克隆到你的 GitHub 账户并创建对应站点，之后推送变更即可部署。使用前需准备 Node 与 NPM，以及 Netlify CLI。代码采用 MIT 许可，可免费使用、修改、商用和分发，但演示图片、字体、图标等第三方素材需单独核对许可，域名、托管等外部服务可能另行收费。

Eleventy启动器

适合你的项目吗？

适用场景

  • 用 Eleventy 快速搭建静态站点骨架
  • 在本地开发并调试 Netlify 重定向与代理规则
  • 编写和测试 Netlify Functions 无服务器函数
  • 为静态站点生成前端搜索所需的 JS 搜索索引

适合人群

  • 使用 Eleventy 构建静态站点的开发者
  • 部署目标为 Netlify、需要本地模拟其重定向与函数能力的项目
  • 希望在启动器中直接获得日期格式化、CSS 与内联 JS 处理流程的团队

上手与定制指南

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

  1. 1

    需要预先安装 Node 与 NPM，以及 Netlify CLI

  2. 2

    执行 npm install 安装依赖，npm run seed 将外部数据源暂存到本地，npm start 进行构建

  3. 3

    安装 Netlify CLI 后运行 netlify dev，可在 Eleventy 前启用 Netlify 重定向、代理与无服务器函数

  4. 4

    示例函数位于 /.netlify/functions/hello 与 /.netlify/functions/fetch-joke，对应代理地址为 /api/hello 与 /api/fetch-joke

  5. 5

    代码为 MIT 许可，但演示图片、字体、图标等第三方素材需单独核对许可

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
  • 本地开发需安装 Netlify CLI，属于外部工具依赖。
  • 重定向、代理与无服务器函数能力依赖 Netlify Dev 环境。
  • 无服务器函数需通过 netlify dev 运行，依赖 Netlify 平台。
  • 一键部署需授权 Netlify 访问并克隆仓库到你的 GitHub 账户。
  • 部署流程会在 Netlify 上创建站点并绑定仓库，依赖该平台。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

- [Netlify CLI](https://github.com/netlify/cli)

README 原文

Netlify Dev adds the ability to use Netlify redirects, proxies, and serverless functions.

README 原文

A serverless functions pipeline is included via Netlify Dev. By running `netlify dev` you'll be able to execute any of your serverless functions directly like this:

README 原文

Netlify will clone the git repository of this project into your Github account. It will be asking for permission to add the repo for you.

README 原文

We'll create a new site for you in Netlify, and configure it to use your shiny new repo.

README 原文
https://github.com/dukeblue1994-glitch/eleventyone/blob/master/LICENSEhttps://github.com/dukeblue1994-glitch/eleventyone/blob/master/README.md

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

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料一般 · 62 / 100
技术栈
Eleventy
网站类型
启动器
这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间
2025-10-11
截图检查日期
2026-10-13

目前没有记录演示链接。请依据仓库说明在本地评估；仅凭截图无法确认交互行为。

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

查看具体选型方法 →

介绍的制作与核对状态

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

审核声明: [email protected] · 2026-10-13

查看当时使用的来源资料

SHA-256: 92eb7c43a1b4a86d9d647d0a4c967efa89b43fd32ad5919a5edd7bc82a4f8492

2026-10-13T12:10:32.053Z

来源文件 / 仓库
# EleventyOne

[![Netlify Status](https://api.netlify.com/api/v1/badges/056b4a67-70e6-4af4-9be5-dee151b8e906/deploy-status)](https://app.netlify.com/sites/eleventyone/deploys)

Phil's first port of call when starting another project using Eleventy.

This project scaffold includes:

- [Eleventy](https://11ty.io) with a skeleton site
- A date format filter for Nunjucks based on [Luxon](https://moment.github.io/luxon)
- A tiny CSS pipeline with PostCSS
- A tiny inline JS pipeline
- JS search index generator
- [Netlify Dev](https://www.netlify.com/products/dev) for testing [Netlify redirects](https://netlify.com/docs/redirects/)
- Serverless (FaaS) development pipeline with [Netlify Dev](https://www.netlify.com/products/dev) and [Netlify Functions](https://www.netlify.com/products/functions)


![Eleventy screenshot](./eleventyone-template.jpg)


## Instructions

To get your own instance of this 11ty starter project cloned and deploying to Netlify very quickly, just click the button below and follow the instructions.

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/philhawksworth/eleventyone)


## Wait, what happens when I click that button?

Good question. Here's what it will do...

1. Netlify will clone the git repository of this project into your Github account. It will be asking for permission to add the repo for you.
2. We'll create a new site for you in Netlify, and configure it to use your shiny new repo. Right away you'll be able to deploy changes simply by pushing changes to your repo.
3. That's it really.


## Prerequisites

- [Node and NPM](https://nodejs.org/)
- [Netlify CLI](https://github.com/netlify/cli)

## Running locally

```bash
# install the dependencies
npm install

# External data sources can be stashed locally
npm run seed

# It will then be available locally for building with
npom start
```

## Add some Netlify helpers
Netlify Dev adds the ability to use Netlify redirects, proxies, and serverless functions.

```bash
# install the Netlify CLI in order to get Netlify Dev
npm install -g netlify-cli

# run a local server with some added Netlify sugar in front of Eleventy
netlify dev
```

A serverless functions pipeline is included via Netlify Dev. By running `netlify dev` you'll be able to execute any of your serverless functions directly like this:

- /.netlify/functions/hello
- /.netlify/functions/fetch-joke


### Redirects and proxies

Netlify's Redirects API can provide friendlier URLs as proxies to these URLs.

- /api/hello
- /api/fetch-joke
反馈内容错误

看看同类模板

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

eleventy-base-blog

eleventy-base-blog

A starter repository for a blog web site using the Eleventy static site generator.

Eleventy · 博客

eleventy-garden

eleventy-garden

:seedling: A starter site for building a mind garden with eleventy

Eleventy · 启动器

eleventastic

eleventastic

An Eleventy Starter Kit

Eleventy · 启动器

neat-starter

neat-starter

Starter Template for Netlify CMS, Eleventy, Alpine JS & Tailwind CSS

Eleventy · 启动器

Eleventy-Starter-Boilerplate

Eleventy-Starter-Boilerplate

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

Eleventy · 博客

eleventy-plus-vite

eleventy-plus-vite

A clean and fast Eleventy Starter Project with Vite

Eleventy · 启动器