跳到主要內容
Toolars
探索
回報問題

開發 · 本機工具

URL Slug 產生器

URL Slug Generator

把標題即時轉為小寫 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

把六種語言的程式碼渲染為帶行號與視窗標題的圖片,淺色深色兩種主題,可嵌入自備字型,匯出 SVG 或 1x、2x PNG。

建立

React Native 陰影產生器

React Native Shadow Generator

對照即時預覽調整 iOS 陰影與 Android elevation,支援新架構 boxShadow 模式,複製可用的 StyleSheet 程式碼。

建立

Base64 編碼 / 解碼

Base64 Encoder/Decoder

在本機雙向轉換 Base64,支援 UTF-8、URL-safe 與保留換行選項,解碼即時驗證,互換按鈕一鍵往返檢查。

轉換

HTML 編碼 / 解碼

HTML Encoder/Decoder

把 &、<、> 與引號五個字元轉義為 HTML 實體,或用瀏覽器解析器還原命名與數字參照,互換按鈕快速往返驗證。

轉換