鐵人檔案
延續去年自我挑戰的 [Blog 掛掉時在做什麼？有沒有空？可以來重建嗎？](https://ithelp.ithome.com.tw/users/20103676/ironman/5917) 系列文，重新分享這一年製作出來的具體成果。
接下來，要來製作文章的頁面，為此我們會需要一些文章的 metadata，比如說是： 文章標題 建立時間 發表時間（用來判斷是否為草稿） 標籤 為了取得這些資...
在有了文章屬性後，就可以嘗試為文章建立專屬顯示頁面了。 首先建立名為 @/pages/articles/[...slug].vue 的檔案，並填寫 <te...
延續昨天的成果，今天來為文章頁面加上 frontmatter 裡面有的發表日期與標籤（tags）。 發表日期 為了讓我們能更方便處理日期相關的資料，這邊會用到一...
今天要來建立文章列表。這邊會使用到 useQuery() 這個方法，以及為了避免重複觸及 API 兩次的 useAsyncData() 方法。 首先新增 @/p...
隨著文章越來越多，就開始有點難找到文章。這時候如果有一個搜尋功能幫我篩選文章列表就太好了。既然這麼想，就來實作吧！ 首先，我預計在文章列表標題頁面下放置一個搜尋...
這兩天建立了文章列表與搜尋功能後，發現現在若是點擊文章列表上的標籤（tag）後，會顯示： Document not found, overwrite this...
當開始有標籤專屬頁面後，這時候就會更近一步想要有一個標籤列表，讓我知道 Digital Garden 上有哪些標籤、各有多少文章。今天就來建立標籤清單的頁面吧！...
到至今的程式碼，會看到許多以 TailwindCSS 去修飾的 HTML 標籤。在編寫時，我總想著這樣的方式，很容易會重複性的程式碼，尤其是 pages 可能都...
文字寫久了，總會想要開始寫點有圖片的文章。但這時候問題來了，我在 Obsidian 輸入圖片進去時，都會預設放在跟文章同一個目錄下，我該如何讓 Nuxt Con...
基本的功能都實驗完了，今天來修改目前還是原生樣貌的首頁。 目前的首頁是透過 @/pages/[...slug].vue 頁面去渲染而成的，所以只要更改 @/co...
