eleventy-img-example:使用Eleventy的eleventy-img插件的示例

时间:2021-05-28 22:21:50
【文件属性】:
文件名称: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)

网友评论