鐵人檔案
就單純的被自己的同學邀進來參加鐵人30天然後就來寫文章了QQ，因為不知道要分享甚麼只好拿過去自己做的todolist來做簡易拆解，回顧自己過去所使用的技術，以及記錄自己在youtube上看到的Astro教學影片然後跟著動手做的成果
今天要學得是如何給astro增加js的腳本，說直白一點也就是我們要來做一些簡單的互動事件，其實astro的js腳本事件很簡單，就只是單純原生js的querrys...
今天要來學的是佈局元件(layout)的部分 從圖中我們可以看到index、blog和about三個astro檔中，我們都各自導入了header和footer...
我們在上一篇文章將我們會共用的組件全都提取出來形成一個layout，接下來我們要做的是將md的內容也用一個模板去套用，這樣可以保持未來撰寫部落格內容的一致性:...
今天我們要來做的是如何動態的加載我們手寫的blog文章。 在現在的情況下我們每新增加一篇文章，就要自己寫一個超連結，就像下圖那樣，我們今天要照著影片讓這種需要手...
接下來我們終於要來製作一直放著的標籤相關功能的內容，當我們的blog內容變多的時候，我們可以添加一個標籤的功能，讓使用者點擊標籤的時候，就可以得到擁有該標籤所有...
雖然我們上一篇文章中做出了可以根據網址去搜尋特定的標籤的文章列表頁，但是這樣很麻煩，每次要搜索都要手動更新網址，於是我們這次來做一個標籤頁面的點擊，大概看起來會...
基本上的主要功能我們其實完成的差不多了，不過先前我們也提到astro的一大特色是他可以兼容其他的框架，此次的內容是影片的第16部 首先我們先來替我們的專案安裝p...
28 最後我們來做一下明暗模式的功能就結束摟~ 這是html跟css的部分，我們創建了一個ThemeIcon.astro的檔案，並且在裡面添加了兩個圖案，一個...
接下來的最後就是讓我們再一次的部屬到vercel就好瞜~ 依樣一如既往要先將我們的專案推到git上面去，這邊我就不進行教學了，接下來讓我們再一次登入vercel...
終於結束了!灑花~ 老實說在開賽之前我還覺得應該做不完，到開賽的一半時都還在想要後面的日子要用甚麼撐過去，幸好有在網路上面看到astro的影片，因為看起來很簡單...
