鐵人檔案
身為一個工程師，很需要有自己的部落格紀錄一下筆記。我將在此系列文中紀錄使用Nuxt打造專屬部落格的筆記，如果你也剛好想要打造客製化的部落格，或者想要學習Nuxt基礎，那歡迎和我一起做刻意練習，一起學習Nuxt並產出實用的部落格吧～
此系列文撰寫動機 身為一個工程師，很需要有自己的部落格紀錄一下筆記。現在網路上其實要打造自己的部落格有很多現成的平台可以使用，但我覺得各自有小缺點。我自己試過M...
前置作業 安裝v18.0.0或更新的node.js 根據Nuxt官方文件，至少要v18.0.0以上的node.js版本才可以使用Nuxt3。筆者建議可以至官網下...
上一篇我們成功建立了Nuxt專案，接著我們來看看這個專案的目錄架構。打開你的Nuxt專案，你會看到以下目錄結構： Nuxt有他專屬特定的目錄結構，檔名必須一致，...
打開目前的專案會看到只有「Welcome to Nuxt!」的一頁歡迎頁面，但是我們想要建立的部落格可能會有很多頁面，例如首頁、文章頁、關於頁等等。所以我們來看...
在上一篇文章中，我們介紹了Nuxt的路由和頁面，我們可以在pages目錄下建立.vue檔，這些.vue檔會自動轉換成路由。但我們有時候可能需要動態生成路由，例如...
上一篇文章我們新增了文章的路由和連結，現在我們的頁面還缺少一個導覽列(Navbar)，讓使用者能夠方便地切換頁面。 佈局(Layouts) 在Nuxt中，我們可...
上一篇文章我們介紹了預設佈局(Default Layout)，現在我們來看看如何去動態改變佈局。 其他佈局 指定佈局(Named Layout) 在Nuxt中，...
模組(Module) 我們可以在Nuxt官網找到許多模組，引入並安裝這些模組，我們能快速使用這些模組的功能。 Tailwind CSS 現在我們的部落格還很醜，...
組件(Components) Nuxt和Vue一樣，我們可以封裝組件，讓我們的程式碼更好維護。 我們在app目錄底下新增一個components目錄，將組件放在...
我們使用ChatGPT幫我們產一下部落格的內容。 <template> <div class="min-h-screen bg-...
