跳到主要内容
Toolars
探索
报告问题

开发 · 本地工具

URL Slug 生成器

URL Slug Generator

把标题实时转成干净的 URL slug:去重音、& 变 and、标点折叠为连字符或下划线,中日文等非拉丁文字保留,结果小写,可复制或下载。

任务路径 / 从输入到结果

输入标题

本地运行 · 不做任何上传

了解URL Slug 生成器的使用方法、隐私说明与相关工具

任务路径 / 从输入到结果

如何生成 URL slug

  1. 01

    输入标题

    在“标题或短语”输入框中输入或粘贴标题,slug 会随输入实时更新。点“加载示例”可以填入一个带重音符号的例子,先看一遍规范化效果。

  2. 02

    先试示例

    “加载示例”填入带重音的短语 Crème brûlée & browser tools,并立即显示 creme-brulee-and-browser-tools。这是在粘贴自己的标题之前,看清重音、& 符号和空格如何处理的最快方式。

  3. 03

    选择分隔符

    在模式标签页中选择“连字符”或“下划线”。连字符是公开 URL 的通行惯例;下划线适合那些明确要求它的系统。

  4. 04

    检查 URL slug 输出

    结果全部小写:重音会被去掉(Crème 变成 creme),& 会变成 and,撇号会被移除,其余任何非字母数字的连续片段都会折叠成一个分隔符,两端的多余分隔符会被修剪。

  5. 05

    复制或下载 slug

    点“复制结果”把 slug 粘贴进 CMS 或路由,或点“下载 .txt”把它保存为 toolars-url-slug.txt。“清空”会清空两个面板,方便处理下一个标题。

工具速览

处理方式
在浏览器本地完成
输入是否离开设备
从不
数据保留
不保存任何内容
价格
免费

你的输入留在浏览器里。

URL Slug 生成器 使用经过验证的本地执行路径,不会创建隐藏的输入或输出历史记录。

本地执行

在当前浏览器标签页内运行。

无隐藏处理

使用中的工具数据绝不会成为 Toolars 的文档记录。

无需账户

无需创建账户即可使用核心工作流。登录后收藏才会同步到你的账户。

立即重置

关闭标签页,当前的工作数据即刻消失。

URL Slug 生成器 究竟做什么

每个发布的页面都需要 slug:标题里有破折号和 & 符号的博客文章、标题带重音字符的文档章节、必须经受住粘贴进路由的标签。URL Slug 生成器 每次都在浏览器里应用同一套确定性规则,所以你本地测试的 slug 就是生产环境发布的 slug——同一套共享规则意味着整个团队从相同标题得到相同 slug。草稿标题——包括未发布内容的标题——全程留在设备上,开始前也不需要登录任何东西。

常见问题

重音和符号具体会怎么处理?
文本会先规范化,让重音从字母上分离并被移除(é 变成 e);& 展开为单词 and;撇号直接去掉;其余任何非字母或数字的连续片段变成一个分隔符。重复的分隔符会被折叠,结果转成小写并修剪两端。
中文、日文或其他非拉丁文字会怎样?
会被保留。清理过程保留所有文字系统的字母和数字,只去掉重音符号和标点,所以日文或中文标题的字符会留在 slug 里。、和 。这类文字内部标点会像西式标点一样变成分隔符,小写化只在文字系统真的有大小写时生效。
为什么我的 slug 是空的或短了很多?
规范化后只有字母和数字会保留。全由符号组成的标题会产生空结果,连续的标点会折叠成单个分隔符,所以 Hello — world! 会变成 hello-world 而不是一串横线。把标题缩减回字母和数字,slug 就回来了。
该选“连字符”还是“下划线”?
连字符是公开 URL 广泛推荐的单词分隔符,设为默认是有原因的。下划线则留给那些要求它的平台与命名方案;两种方式的其他清理规则完全相同。
输入时 slug 会实时更新吗?
会。每次击键和切换分隔符都会刷新输出,没有需要点的按钮;在连字符和下划线之间切换,会用另一种分隔符立即重新渲染同一段规范化文本。
我粘贴的文本会被上传到别处吗?
不会。slug 完全在当前浏览器标签页内计算,输入不会被发送或保留,也无需账号。清空工作区即丢弃两个面板的内容。

继续探索开发者工具

相关任务,而非死胡同。

无需返回完整索引,直接进入另一个专注的工作区。

代码转图片

Code to Image Converter

把 JavaScript、TypeScript、HTML、CSS、JSON、Bash 代码用 Shiki 高亮后排成带窗口标题与行号的卡片,可调背景、内边距、字号与 1x/2x 比例,导出 SVG 或 PNG。

创建

React Native 阴影生成器

React Native Shadow Generator

为 iOS 与 Android 生成 React Native 阴影样式:调偏移、不透明度、半径与 elevation,对照实时近似预览,复制 StyleSheet 代码;可选新架构 boxShadow 模式。

创建

Base64 编码 / 解码

Base64 Encoder/Decoder

在本地编码 Unicode 文本或解码 Base64,支持 UTF-8、URL-safe 变体与换行保留,解码即时校验并指出具体错误,一键互换方向做往返验证。

转换

HTML 编码 / 解码

HTML Encoder/Decoder

编码时恰好转义 &、<、> 与两种引号共五个字符,解码经浏览器解析器还原命名、十进制与十六进制实体;一键互换即可验证往返,全程本地。

转换