一個全新網站
Nuxt.com 是您學習 Nuxt 的主要入口網站。每月有超過 30 萬訪客，是時候給它一個全新的面貌了。
全新設計
我們回歸 Nuxt 的原始色彩，採用海軍藍背景 (#020420) 和其標誌性的亮綠色 (#00DC82)。
我們希望在所有官方文件中實現一致的設計
我們非常喜歡這個新設計，並希望您也喜歡。這僅僅是網站即將到來的許多改進的第一步。
改進的導航
從現在開始，您可以輕鬆地在五個主要文件類別之間跳轉
在右側，您可以看到目錄以及社群快捷方式：編輯此頁面、在 Discord 上聊天等等。
原始碼按鈕
當查看 Nuxt 內建的 components、composables、utils、commands 和 kit utilities 時，您現在可以透過點擊按鈕來跳轉到原始碼。
改進的搜尋功能
您可能會注意到按下 CMD+K 時出現一個新的模組。我們利用 Nuxt UI 的 <CommandPalette> 元件，結合 Nuxt Content 資料（搜尋和導航），以提供更好的搜尋體驗。
使用命令面板，您可以
- 跳轉到頁面
- 在文件中搜尋
- 搜尋模組
- 切換色彩模式
我們計劃很快添加更多命令。
遷移至 Nuxt UI
新網站由 Nuxt UI 驅動，Nuxt UI 是我們為 Nuxt 量身打造的 UI 函式庫，並基於 Tailwind CSS 和 Headless UI 之上。
該網站還使用了 Nuxt UI Pro，這是一組基於 Nuxt UI 之上的高級元件，可在幾分鐘內建立美觀且響應式的 Nuxt 應用程式。
它包含諸如 <UHeader>、<UFooter>、<ULandingHero>、<ULandingCard> 等元件。
這次遷移是一個改進 Nuxt UI 和 UI Pro 並修復一些錯誤的絕佳機會，以及程式碼變更了 +9,004 / -23,113 行的差異。
Open Graph 圖片
我們非常喜歡在社群媒體上分享連結時使用自訂圖片。這就是為什麼我們在所有文件頁面上都添加了 OG 圖片。
安裝頁面的範例
在 GitHub 上可用
我們很榮幸地宣布，該網站現在是開源的，並且在 GitHub 上可用。
接下來是什麼？
這個新網站是我們計劃中即將到來的變更的開始，其中一些是
- 團隊與貢獻者頁面
- 整合頁面，以展示 Nuxt 的所有可能性：託管、CMS、資料庫等等。
- 範本頁面（目前為 nuxt.new），以列出官方和社群啟動器
- 以及更多...
我們期待您在 Twitter、Discord 或 GitHub 上提供回饋.
感謝您閱讀這篇部落格文章，Nuxting 愉快 🤟