个人中心
文章发布
退出
作者热门文章
- ubuntu12.04环境下使用kvm ioctl接口实现最简单的虚拟机
- Ubuntu 通过无线网络安装Ubuntu Server启动系统后连接无线网络的方法
- 在Ubuntu上搭建网桥的方法
- ubuntu 虚拟机上网方式及相关配置详解
27
4
CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.
这篇CFSDN的博客文章用 Eleventy 建立一个静态网站由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.
Eleventy 是一个基于 JavaScript 的 Jekyll 和 Hugo 的替代品，用于构建静态网站.
静态网站生成器是一种基于原始数据和一组模板生成完整的静态 HTML 网站的工具。它可以自动完成单个 HTML 页面的编码任务，并让这些页面准备好为用户服务。由于 HTML 页面是预先建立的，它们在用户的浏览器中加载得非常快.
静态网站对文档也很友好，因为静态网站很容易扩展，而且它们是生成、维护和部署项目文档的一种简单方法。由于这些原因，企业经常使用它们来记录应用编程接口 （API）、数据库模式和其他信息。文档是软件开发、设计和其他方面技术的一个重要组成部分。所有的代码库都需要某种形式的文档，选择范围从简单的 README 到完整的文档.
。
Eleventy（11ty）是一个简单的静态网站生成器，是 Jekyll 和 Hugo 的替代品。它是用 JavaScript 编写的，它将一个（不同类型的）模板目录转化为 HTML。它也是开源的，在 MIT 许可下发布.
Eleventy 可以与 HTML、Markdown、Liquid、Nunjucks、Handlebars、Mustache、EJS、Haml、Pug 和 JavaScript Template Literals 协同工作.
它的特点包括:
。
Eleventy 需要 Node.js。在 Linux 上，你可以使用你的包管理器安装 Node.js:
$ sudo dnf install nodejs如果你的包管理器没有 Node.js，或者你不在 Linux 上，你可以从 Node.js 网站安装它.
Node.js 安装完毕后，就用它来安装 Eleventy:
$ npm install -g @11ty/eleventy这就完成了！ 。
。
现在你可以开始使用 Eleventy 来建立你的静态文档网站。以下是需要遵循的步骤.
要将 Eleventy 安装到你的项目中，你需要一个 package.json 文件:
$ npm init -y安装 Eleventy 并保存到你的项目的 package.json 中。运行:
$ npm install-save-dev @11ty/eleventy使用 npx 命令来运行你本地项目的 Eleventy 版本。在你确认安装完成后，尝试运行 Eleventy:
$ npx @11ty/eleventy现在运行两个命令来创建两个新的模板文件（一个 HTML 和一个 Markdown 文件）:
$ cat << EOF >> index.html<!doctype html><html><head><title>Page title</title></head><body><p>Hello world</p></body></html>EOF$ echo '# Page header' > index.md这就把当前目录或子目录中的任何内容模板编译到输出文件夹中（默认为 _site）.
运行 eleventy --serve 来启动一个开发网络服务器.
$ npx @11ty/eleventy-serve在你的网络浏览器中打开 http://localhost:8080/README/，看你的 Eleventy 输出.
然后把 _site 中的文件上传到你的 Web 服务器，发布你的网站给世界看.
。
Eleventy 是一个静态网站生成器，它易于使用，有模板和主题。如果你已经在你的开发流程中使用 Node.js，Eleventy 可能比 Jekyll 或 Hugo 更自然。它能快速提供很好的结果，并使你免于复杂的网站设计和维护。要了解更多关于使用 Eleventy 的信息，请仔细阅读它的文档.
原文链接：https://linux.cn/article-13513-1.html 。
最后此篇关于用 Eleventy 建立一个静态网站的文章就讲到这里了,如果你想了解更多关于用 Eleventy 建立一个静态网站的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。
27
4
0
是否有可能以某种方式为 Eleventy 进行一般配置，以便输入文件夹中的“my_file.html”最终与 _site 文件夹中的“my_file.html”一样，而不是“/my_file/inde
看来您应该能够使用global data files和data cascade为11ty网站中的所有页面指定一个后备布局，但是我不知道如何。 我在多个位置尝试了以下JSON: { "layout"
我正在设置一个新的 Eleventy网站，我遇到了一个小障碍。我的页面被组织成子目录。我希望每个目录的索引页列出该目录中的所有页面。 例如: |--section1 | |--index.njk /
我正在从 Jekyll 迁移到 Eleventy，之前我的博文链接具有这种样式的永久链接:/:title/ What I want: https://example.com/my-blog-post/
我正在从 Jekyll 迁移到 Eleventy，之前我的博文链接具有这种样式的永久链接:/:title/ What I want: https://example.com/my-blog-post/
Eleventy 是一个基于 JavaScript 的 Jekyll 和 Hugo 的替代品，用于构建静态网站。 静态网站生成器是一种基于原始数据和一组模板生成完整的静态 HTML 网站的工具
目标:为 Eleventy 博客的帖子列表中的每个帖子显示帖子摘录 我正在适应 this starter project作为我自己的博客。 我指的是this Eleventy document 获取帖
我是 nunjucks 新手 - 和 eleventy 一起试用。 精简版:我可以在 nunjucks 的标签内使用变量和过滤器吗？例如: {% 设置 myVar = {{ 标题 |降低 }} %}
我有一个调用 eleventy.write() 或 eleventy.toJSON() 方法的 aws lambda 函数，但似乎无法使其工作。我尝试了不同的项目结构并设置了不同的路径，但它要么返回一
问题 我想向我的 Eleventy 网站添加一小段客户端 JavaScript。我似乎无法使用 Eleventy 访问 document.，这意味着我无法访问元素并监听它们的事件。 不起作用的示例:
问题 我想向我的 Eleventy 网站添加一小段客户端 JavaScript。我似乎无法使用 Eleventy 访问 document.，这意味着我无法访问元素并监听它们的事件。 不起作用的示例:
我正在开发一个Eleventy based blog and website 。社交媒体共享功能，例如 Facebook OpenGraph 和 Twitter cards ，需要有图像等资源的完整绝
背景: Eleventy 和 Nunjucks(和 Markdown) 大量长格式文本(使用 markdown 更容易创建/编辑)。 复杂的布局。 对 SSG 还是新手 目标: 使用 markdown
我是一名优秀的程序员,十分优秀！