【文件属性】:
文件名称:eleventy-img-example:使用Eleventy的eleventy-img插件的示例
文件大小:47KB
文件格式:ZIP
更新时间:2021-05-28 22:21:50
image-processing eleventy 11ty JavaScript
11ty-img-示例
使用的示例。
先决条件
您将需要安装和npm。 npm通常随节点一起安装。 我建议
如何建造
在终端(例如MacOS上的iTerm,Linux上的gnome终端或Windows上Linux的Windows子系统(WSL))中,键入:
如果已安装nvm,请确保节点版本匹配
nvm use
# Install dependencies
npm ci
如果以上命令失败,请尝试
npm install
命令完成后,就可以开始构建或开发了!
发展:
npm run dev
这将在启动服务器。
建立:
npm run build
这将在_site目录下构建并输出最终站点。 您可以从那里检查内容!
eleventy-img在哪里使用?
eleventy-img包在.eleventy.js 。 它用于创建称为“图片”的简码,然后在帖子或模板中使用。
图片简码
【文件预览】:
eleventy-img-example-main
----css()
--------index.css(355B)
----.gitignore(2KB)
----.eleventy.js(2KB)
----README.md(3KB)
----.nvmrc(9B)
----LICENSE(1KB)
----package.json(700B)
----src()
--------_includes()
--------index.md(547B)
----package-lock.json(148KB)