插件
Lume 拥有强大的插件系统,可以通过扩展新功能和更多格式的支持来更多功能。一些基本插件是默认安装的。
- Attributes
提供辅助方法来管理 HTML 元素的属性和类名
- Base path
自动添加一个基础路径到所有 URL
- Basic Auth
实现 HTTP Basic Authentication
- Brotli
使用 Brotli 算法压缩文件
- Check URLs
自动检查你网站的 URLs 以检测失效链接
- Date
操作不同区域设置中的日期和时间值
- Decap CMS
运行 Decap CMS 以更新站点内容
- ESbuild
使用 esbuild 库打包 JavaScript、TypeScript 和 JSX 文件。
- Eta
使用模板引擎 Eta 构建页面。
- Expires
用于向 HTTP 响应添加 Expires 标头的中间件
- FFF
将数据结构转换为 FFF
- Favicon
使用 SVG 文件作为源文件自动创建所有需要的 Favicon
- Feed
为你的站点自动生成 RSS 或 JSON Feed
- Filter pages
基于特定条件过滤页面
- Google Fonts
自托管 Google 字体
- Gzip
使用 gzip 算法压缩文件
- Icons
从最流行的图标库导入图标
- Inline
在 HTML 中内联 CSS、JavaScript、SVG 和图像。
- JSON 默认
添加对 JSON 或 JSONC 的支持,用于存储数据和创建页面。
- JSON-LD
在 HTML 页面中生成 JSON-LD 标签。
- JSX
使用 JSX (React) 创建页面和布局。
- JSX Preact
使用 JSX (Preact) 创建页面和布局。
- KaTeX
在 HTML 中渲染 TeX 数学公式
- Lightning CSS
使用 Lightning CSS 转换和压缩你的 CSS 文件。
- Liquid
使用 Liquid 模板引擎创建页面和布局
- Logger
在控制台中记录 HTTP 请求/响应
- MDX
使用 MDX 创建页面。
- Markdown 默认
使用 Markdown 创建页面
- Metas
自动添加
<meta>
标签,用于 SEO 和社交网络。 - Minify HTML
压缩页面的 HTML 代码
- Modify URLs
使用自定义函数修改 HTML 文件的所有 URL。
- Modules 默认
使用 ESM 和 TypeScript 模块来创建页面、布局和存储数据。
- Multilanguage
创建同一页面的多语言版本
- Nav
提供一个助手来构建菜单和面包屑导航。
- No cache
禁用浏览器缓存
- Not found
用于在 404 错误时显示自定义页面的中间件。
- Nunjucks
使用 Nunjucks 模板引擎创建页面和布局。
- OG images
自动创建 Open Graph 图像的插件
- On demand
用于在 Deno Deploy 中按需渲染页面的插件
- Pagefind
网站中的静态搜索引擎
- Paginate 默认
提供一个帮助程序来分页结果。
- Picture
使用 Transform Images 插件创建响应式图像
- Plain text
提供一个 helper 以移除任何文本中的 HTML 和 Markdown 语法
- PostCSS
使用 PostCSS 转换你的 CSS 代码。
- Precompress
用于提供预压缩文件(Brotli 或 Gzip 格式)的中间件。
- Prism
使用 Prism 进行代码语法高亮
- Pug
使用 Pug 模板引擎创建页面和布局
- PurgeCSS
使用 PurgeCSS 移除未使用的 CSS 代码。
- Reading info
提供关于页面内容的一些信息
- Redirect Activity Streams 2.0
用于创建到任何 AS2 bridge 重定向的中间件
- Redirects
用于创建从一个页面到另一个页面的重定向
- Redirects (middleware)
用于为某些 URL 返回重定向的中间件。
- Relations
为页面创建自动关联
- Relative URLs
将所有 URL 转换为相对地址。
- Reload
用于浏览器中 live-reload 的中间件
- Remark
使用 Remark 渲染 markdown 内容。
- Resolve URLs
解析所有指向源文件的 URL。
- Robots
自动创建 robots.txt 文件的插件
- Router
提供简单服务端路由的中间件。
- SASS
Compile SCSS files to CSS.
- SRI
使用 SRI 从外部 CDN 加载安全的资源。
- SVGO
使用 SVGO 优化 SVG 文件
- Search 默认
提供一个助手函数以搜索其他页面。
- Serve folder
用于向服务器添加额外文件夹的中间件。
- Sheets
添加对电子表格的支持以存储数据。
- Shutdown
用于显示关闭页面的中间件。
- Sitemap
自动为你的站点生成站点地图
- Slugify URLs
Slugify 所有页面 URL,移除潜在冲突的字符
- Source Maps
为你的 CSS 和 JS 生成 source map 文件。
- TOML
添加对 TOML 的支持,用于存储数据和创建页面。
- Tailwind CSS
使用 Tailwind CSS 创建 CSS 样式。
- Terser
使用 Terser 压缩 JavaScript 文件。
- URL 默认
提供
url
过滤器来修复和解析 URL。 - UnoCSS
使用 UnoCSS 框架创建 CSS 样式。
- Vento 默认
使用 Vento 模板引擎创建页面和布局。
- WWW
用于将请求从 www 子域名重定向到根域名,或者反之。
- YAML 默认
添加对 YAML 的支持,用于存储数据和创建页面。
- 代码高亮
使用 highlight.js 进行代码语法高亮
- 缓存失效
实现服务端缓存失效
- 转换图片
使用 Sharp 的图片处理插件
来自社区
了解 如何创建你自己的插件。
- lume_cleancss
使用 CleanCSS 通过结构优化来压缩 CSS。
- lume_plugin_ci
用于访问 CI 信息的 Lume 插件。将 deno-ci 与你的 Lume 网站集成。
- lume_plugin_squoosh
一个 Lume 插件,用于使用 Squoosh CLI 处理你的静态站点的图像。
- lume_publish
在每个页面的 frontmatter 中指定的社交网络上创建新帖子
- lume-plugins
lume.land 插件的集合
- oi-lume-charts
启用图表功能的 Lume 插件
- serea
图表、示意图和图形
- Inclusive language
Lume 的包容性语言插件
- Shiki
使用 Shiki 库进行语法高亮的插件。
- Fluent for Lume
一个 Fluent 封装器,帮助你使用 Lume 轻松构建多语言站点
- 🌟 Glow your Lume syntax!
为你的 Lume 站点增添 Glow 语法高亮!你所需要的轻量级代码高亮器!
- Kroki Plugin for Lume
使用 Kroki 将代码块中的文本描述转换为图表。
- Lume duck
在 Lume 中使用 DuckDB 数据的插件
- Icon icons
用于在 Lume 中使用不同图标集合的插件。
- Lume Openring
一个 Lume 插件,用于从其他博客获取文章并在你的站点上链接。