11ty-website 项目安装与配置指南

11ty-website 项目安装与配置指南

11ty-website Documentation site for the Eleventy static site generator. 项目地址: https://gitcode.com/gh_mirrors/11/11ty-website

1. 项目基础介绍

11ty-website 是 Eleventy 静态网站生成器的官方文档网站。Eleventy 是一个简单的、强大的静态站点生成器，它允许开发者使用 HTML、CSS 和 JavaScript 等他们已经熟悉的技术来构建网站。该项目主要使用以下编程语言：

• JavaScript
• Nunjucks
• XSLT
• CSS
• HTML

2. 项目使用的关键技术和框架

• Eleventy：核心的静态网站生成器。
• Nunjucks：一个功能丰富的模板引擎，用于动态内容生成。
• Web服务器：用于本地测试服务器，可以是任何支持静态文件的服务器。

3. 项目安装和配置的准备工作

在开始之前，请确保您的系统中已安装以下软件：

• Node.js（至少版本 12）
• npm（Node.js 包管理器）

您可以通过访问终端（或命令提示符）并运行以下命令来检查它们是否已经安装：

node -v
npm -v

如果它们未安装或版本不符，您需要从 Node.js 官网 下载并安装。

详细的安装步骤

步骤 1：克隆项目

首先，您需要在您的本地环境中克隆项目。打开终端，然后执行以下命令：

git clone https://github.com/11ty/11ty-website.git

步骤 2：安装依赖

进入项目文件夹：

cd 11ty-website

然后，安装项目依赖：

npm install

步骤 3：获取新数据

在构建网站之前，可能需要获取新的数据：

npm run get-new-data

步骤 4：启动本地服务器

安装并获取数据后，您可以使用以下命令启动 Eleventy 的开发服务器：

npx @11ty/eleventy --serve

步骤 5：访问网站

在浏览器中打开并访问以下地址来查看您的 Eleventy 网站本地版本：

http://localhost:8080/

请注意，端口 8080 可能会改变，如果已被占用。

完成以上步骤后，您应该能够成功运行并查看 11ty-website 的本地副本。您可以按照官方文档的指导进行进一步的定制和开发。

11ty-website Documentation site for the Eleventy static site generator. 项目地址: https://gitcode.com/gh_mirrors/11/11ty-website