功能开发中
字符串URL化
将文本转换为URL友好slug。
生成的 Slug
点击生成按钮查看结果
转换示例
原文: Hello World!
Slug: hello-world
Slug: hello-world
原文: This is a TEST
Slug: this-is-a-test
Slug: this-is-a-test
原文: Special @#$ Characters
Slug: special-characters
Slug: special-characters
原文: 123 Numbers Here
Slug: 123-numbers-here
Slug: 123-numbers-here
不同选项的效果
原字符串:
使用连字符 (-):
使用下划线 (_):
使用空格 ( ):
关于 Slug
Slug 是一种 URL 友好的字符串,通常用于网页 URL、文件名和其他需要纯文本标识符的地方。
Slug 的特点:
- 只包含字母、数字、连字符或下划线
- 通常转换为小写
- 移除特殊字符和空格
- 使用连字符或下划线分隔单词
- 便于搜索引擎优化 (SEO)
使用教程
- 输入原始文本:在文本框中输入待转换内容(支持中文标题、英文文章、含特殊字符或HTML残留的文本)。
- 配置转换参数:
- 生成与查看:点击"生成 Slug"按钮或等待实时联动输出,主结果区以大字号展示最终slug。
- 对比与参考:向下滚动至对比区查看四种卡片并排显示的效果;参考经典案例了解常见转换规律。
使用场景
- CMS文章 permalink 生成:博客作者根据中文标题生成英文友好的固定链接,提升搜索引擎收录率。
- Next.js/Nuxt.js 路由 slug:全栈开发者为动态路由页面生成合法的 URL path segment 参数。
- GitHub Issue/PR 标题规范:开源维护者将中文Issue标题转为英文slug用作分支名、标签或里程碑标识。
- 电商商品URL优化:SEO专员为长商品名称生成简洁的商品slug路径。
- 多语言网站路径国际化:i18n管理者将各语言版本标题统一转为ASCII-only的slug,避免IDN编码乱码。
- 文件系统目录命名:将有空格和特殊字符的项目名转为安全的目录名(如
my-cool-project-v2.0)。 - 数据库记录标识符:后端批量生成唯一slug字段替代自增ID暴露信息的问题。
- API endpoint 命名:RESTful API设计师将资源描述转为符合kebab-case规范的endpoint路径。
常见问题
Q: 中文字符转换后会变成什么?为什么我的中文标题变成了空字符串?
A: 工具采用Unicode NFD标准化处理中文。由于汉字不属于带变音符号的拉丁字母,不会被过滤,但纯中文字符不在
a-z0-9范围内,会被替换为分隔符。因此"这是一个测试"经小写转换后所有中文字符被替换为连字符,若连续出现则合并为一个分隔符,最终可能表现为空字符串或仅剩分隔符。建议:对于中文标题,建议在转换前手动提供对应的英文拼音或翻译作为源文本,以获得真正有意义的URL slug。建议反馈 (可留下联系方式)
0/200
工具名称
字符串URL化
所属分类
Web
更新时间
2026-06-24
使用次数
47
工具简介
将文本转换为URL友好slug。
功能特性
HTML标签净化:首步正则移除残留的HTML标签,兼容从CMS富文本编辑器复制的内容。
Unicode音调剥离:调用
normalize('NFD')分解组合字符并过滤变音符号,实现ASCII兼容。
三种分隔符模式:一键切换连字符(
-,SEO推荐)、下划线(_,编程惯例)或空格(人类可读格式)。
数字保留策略:可配置是否保留阿拉伯数字——开启时
123 Numbers→123-numbers,关闭则剔除数字。
长度限制截断:支持1-255字符的最大长度约束,截断位置自动回溯到最后一个完整分隔符处避免产生残词。
四路实时对比面板:原文本及三种分隔符结果同步更新,通过颜色编码区分,便于横向比较效果。
暂无收藏工具
收藏工具