没有合适的资源？快使用搜索试试~ 我知道了~

文库首页开发技术其它eleventy-plugin-code-style-hooks:一个11ty插件，使用Prism在构建时将样式挂钩添加到代码块中，以便您可以使用CSS突出显示语法

eleventy-plugin-code-style-hooks:一个11ty插件，使用Prism在构建时将样式挂钩添加到代码块...

共44个文件

js：23个

css：8个

json：3个

JavaScript

需积分: 9 0 下载量 67 浏览量 2021-05-06 21:24:27 上传评论收藏 168KB ZIP 举报

温馨提示

代码样式挂钩一个插件，使用在构建时向code元素添加样式挂钩，以便您可以使用CSS突出显示语法。内联选项差异性官方插件棱镜JS 执照安装 npm install eleventy-plugin-code-style-hooks 用法在您的Eleventy配置文件中（默认为.eleventy.js ）： const codeStyleHooks = require ( 'eleventy-plugin-code-style-hooks' ) ; module . exports = function ( eleventyConfig ) { eleventyConfig . addPlugin ( codeStyleHooks ) ; } 然后将您CSS文件添加到页面中（或将代码样式挂钩配置为自动执行此操作）。 <!DOCTYPE html > < html >

资源推荐

资源详情

资源评论

收起资源包目录

eleventy-plugin-code-style-hooks-main.zip （44个子文件）

eleventy-plugin-code-style-hooks-main

.gitignore 37B

components

regular-expressions.js 6KB

walk-tree.js 3KB

options-parser.js 3KB

add-hooks.js 3KB

update-attributes.js 8KB

add-head-elements.js 1KB

options-default.js 218B

add-first-line-numbers.js 328B

remove-trailing-whitespace.js 268B

update-state.js 2KB

package.json 1KB

package-lock.json 411KB

LICENSE 34KB

index.js 1KB

examples

language-labels.css 430B

colour-previews.css 1KB

line-numbers.css 993B

README.md 11KB

tests

add-color-hooks.test.js 16KB

options-parser.test.js 8KB

add-head-elements.test.js 8KB

add-line-hooks.test.js 5KB

add-syntax-hooks.test.js 5KB

update-attributes.test.js 19KB

test-site

_data

tests.js 435B

_includes

base.html 206B

scripts

foo.js 29B

toggleLineNumbers.js 43B

index.html 4KB

styles

prism-dark.css 2KB

language-labels.css 300B

colour-previews.css 547B

line-numbers.css 530B

prism.css 2KB

test-site.11tydata.json 21B

pages

handlebars.hbs 153B

test.liquid 13KB

markdown.md 106B

javascript.11ty.js 351B

liquid.liquid 188B

nunjucks.njk 175B

posthtml.test.js 3KB

.eleventy.js 921B

共 44 条

评论收藏

内容反馈

资源评论

资源反馈

评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~

鑨鑨

粉丝: 31
资源: 4653

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

eleventy-plugin-code-style-hooks:一个11ty插件，使用Prism在构建时将样式挂钩添加到代码块...

eleventy-plugin-tailwind:在11ty中编译顺风CSS

eleventy-plugin-embeddeverything：一个Eleventy插件，仅使用URL即可轻松将常用媒体格式嵌入帖子中

eleventy-plugin-recent-changes:一个Eleventy（11ty）插件，用于创建一个包含您最近提交历史的集合

eleventy-plugin-add-web-component-definitions:这个Eleventy插件将通过从HTML页面读取自定义标签来自动添加Web组件定义

eleventy-plugin-local-images:一个Eleventy插件，可获取远程资产并将其部署到本地

eleventy-plugin-automatic-noopener:一个11ty插件，可以自动将rel =“ noopener”或rel =“ noreferrer”属性添加到所有外部链接

eleventy-plugin-open-in-codepen:Eleventy简码，用于为代码演示添加“在CodePen中打开”功能

eleventy-plugin-tailwindcss:一个Eleventy插件，可为您的网站添加Tailwind CSS支持

eleventy-plugin-footnotes:一个11ty插件，用于使用Liquid呈现可访问的脚注

eleventy-plugin-time-to-read:一个11ty插件，用于计算阅读给定文本的时间

eleventy-plugin-purgecss:Eleventy插件，在每次构建后运行PurgeCSS

eleventy-plugin-react:一个允许您将React用作Eleventy模板语言的插件

eleventy-plugin-embed-twitter:一个Eleventy插件，可在帖子中自动嵌入推文

eleventy-plugin-seo:一个Eleventy插件，用于生成用于改善SEO的元标记

eleventy-plugin-transformdom:一个用于处理和更改Eleventy网站生成HTML输出的插件

eleventy-plugin-codepen:提供用于嵌入CodePen.io笔的自定义简码的插件

eleventy-plugin-blog-tools:短代码，过滤器和标签的集合，使11t博客更加有趣

eleventy-plugin-sharp-respimg:执行构建时图像转换并生成响应式图像标记的 110 对短代码

eleventy-plugin-heroicons::shield:简码可将Heroicons添加到您的Eleventy项目中

netlify-plugin-11ty:一个插件，使使用 Eleventy 和 Netlify 构建成为一种乐趣！

eleventy-plugin-sass:Eleventy中支持sass的插件

eleventy-plugin-files-minifier:一个自动缩小文件的 Eleventy 插件

eleventy-plugin-generate-social-images:在Eleventy中动态生成社交媒体图像

eleventy-plugin-cloudcannon::electric_plug:Eleventy插件可创建CloudCannon编辑器详细信息

eleventy-plugin-amp:使用Eleventy和AMP快速构建交互式网站

eleventy-plugin-remark:Eleventy插件可以处理带有Remark的Markdown文件

eleventy-plugin-ghost：访问Eleventy中的Ghost Content API

eleventy-plugin-sitemap:Eleventy插件可生成站点地图

eleventy-plugin-svelte:Eleventy插件支持精巧的模板

最新资源