公告·  

全新網站

我們很高興釋出由 Nuxt UI 提供支援的全新 nuxt.com,現已開源。
Sébastien Chopin

Sébastien Chopin

@atinux

Benjamin Canac

Benjamin Canac

@benjamincanac

Nuxt.com 是您學習 Nuxt 的主要入口點。每月有 **超過 30 萬的訪問者**,是時候給它一個新的面貌了。

新設計

我們迴歸了 Nuxt 的原始色彩,採用海軍藍背景(#020420)和其標誌性的閃亮綠色(#00DC82)。

Nuxt Website Screenshot
探索 **Nuxt 設計工具包** 以及我們的 **Logo 歷史**。

我們希望在所有官方文件中實現一致的設計。

Nuxt ImageNuxt ContentNuxt DevToolsNuxt UI

我們非常喜歡這個新設計,希望您也喜歡。**這只是網站未來許多改進的第一步。**

改進的導航

從現在起,您可以輕鬆地在五個主要文件類別之間跳轉。

在右側,您可以看到目錄以及社群快捷方式:編輯此頁面、在 Discord 上聊天等。

原始碼按鈕

在檢視 Nuxt 內建的元件可組合項工具命令套件實用工具時,現在可以透過點選按鈕跳轉到原始碼。

Nuxt Source Code Button
檢視 <NuxtLink> 文件頁面上的示例。

改進的搜尋功能

當您按下 K 時,您可能會注意到一個新的模態框。我們利用 Nuxt UI 的<CommandPalette>元件結合 Nuxt Content 資料(搜尋和導航)來提供更好的搜尋體驗。

透過命令面板,您可以:

  • 跳轉到頁面
  • 在文件中搜索
  • 搜尋模組
  • 切換顏色模式

我們計劃很快新增更多命令。

遷移到 Nuxt UI

新網站由Nuxt UI提供支援,它是我們專為 Nuxt 定製並基於Tailwind CSS & Headless UI.

構建的 UI 庫。該網站還使用了Nuxt UI Pro,這是一套基於 Nuxt UI 構建的高階元件,可在幾分鐘內建立美觀且響應迅速的 Nuxt 應用程式。

它包括 <UHeader><UFooter><ULandingHero><ULandingCard> 等元件。

我們計劃在10月底釋出 Nuxt UI Pro 的完整文件。如果您等不及並想提前訪問,現在就可以購買許可證並訪問我們在 GitHub 上的私有倉庫。

這次遷移是改進 Nuxt UI 和 UI Pro 並修復一些錯誤的好機會,程式碼更改行數為 +9,004 / -23,113

閱讀更多關於 **Nuxt UI** 的資訊。

開放圖譜影像

我們非常喜歡在社交媒體上分享連結時使用自定義圖片。這就是為什麼我們在所有文件頁面上都添加了 OG 圖片。

安裝頁面示例

探索 **Nuxt OG Image** 模組。

在 GitHub 上可用

我們自豪地宣佈,該網站 **現已開源** 並在 GitHub 上提供。

在 GitHub 上檢視 nuxt/nuxt.com

下一步是什麼?

這個新網站是我們正在計劃的即將到來的一些變化的開始,其中一些是:

  • 團隊和貢獻者頁面
  • 整合頁面,展示 Nuxt 的所有可能性:託管、CMS、資料庫等。
  • 模板頁面(當前為nuxt.new),列出官方和社群啟動器
  • 以及更多……

我們期待您的反饋Twitter, DiscordGitHub.

感謝您閱讀此部落格文章,祝您 Nuxting 愉快 🤟