URL Slug 產生器

URL Slug 產生器的運作方式

工具功能說明

Slug 產生器會將任意文字轉換為適合 URL 的 slug：將輸入轉為小寫、把空白與特殊字元替換為連字號、移除非英數或連字號的字元，並合併連續的連字號。結果會是一段乾淨、可讀的字串，可安全用於 URL、檔名與 CSS 類別名稱。例如，「Hello World! (2024)」會變成「hello-world-2024」。

常見的開發者使用情境

開發者在建置 CMS 平台、部落格引擎或電商網站時，常會使用 slug 產生器，因為這些系統會從使用者提供的標題衍生 URL 路徑。一致的 slug 規則可確保頁面 URL 穩定、易讀，且不含需要百分比編碼的字元。它也適用於從動態內容產生 CSS 類別名稱、資料庫欄位值與檔案系統路徑。

資料格式、型別或變體

基本 slug 只使用 ASCII 小寫字母、數字與連字號。延伸的 slug 化可為多語內容保留 Unicode 字母（例如，將帶重音符號的字元轉寫為對應的 ASCII 形式）。有些實作允許使用底線取代連字號。URL 中通常安全的 slug 最大長度約為 75–100 個字元，但會因平台而異。

常見陷阱與邊界情況

兩個不同的標題可能產生相同的 slug（例如，「Foo Bar」與「Foo-Bar」都會變成「foo-bar」），因此應用程式必須透過附加數字後綴來處理 slug 衝突。非拉丁文字在 slug 化前需要先轉寫，否則輸出可能為空。前後的連字號應該修剪掉。變更已發布頁面的 slug 會導致外部連結失效，因此 slug 在發布後應視為不可變更。

何時使用此工具 vs 程式碼

在內容撰寫或原型製作期間，可使用此瀏覽器工具快速一次性產生 slug。對於正式環境的應用程式，請使用 slugify（JavaScript/Python）或 Stringex（Ruby）等函式庫以程式方式產生 slug，讓衝突偵測、Unicode 轉寫與長度限制能在你的應用程式邏輯中一致地處理。