【文件属性】:
文件名称:eleventy-plugin-open-in-codepen:Eleventy简码,用于为代码演示添加“在CodePen中打开”功能
文件大小:67KB
文件格式:ZIP
更新时间:2021-05-01 22:50:51
JavaScript
Eleventy插件:“在Codepen中打开”
Eleventy简码,用于为代码演示添加“在CodePen中打开”功能。
用法
首先,安装软件包:
npm install @11tyrocks/eleventy-plugin-open-in-codepen
然后,将其包括在您的.eleventy.js配置文件中:
const openInCodepen = require ( "@11tyrocks/eleventy-plugin-open-in-codepen" ) ;
module . exports = ( eleventyConfig ) => {
eleventyConfig . addPlugin ( openInCodepen ) ;
} ;
要使用简码,请传递期望的属性,包括title , slug , css和html 。
内模板的上下文中, slug是
【文件预览】:
eleventy-plugin-open-in-codepen-main
----.gitignore(18B)
----package.json(805B)
----index.md(3KB)
----package-lock.json(235KB)
----_includes()
--------base.njk(225B)
----README.md(2KB)
----.npmignore(24B)
----.eleventy.js(4KB)