技術 Day 12 - 在部落格存檔頁面上對部落格文章進行排序

Goal: Sort the blog posts on the Blog Archive Page and further refactor on the H...

技術 Day 11 - 在部落格主頁面中使用 Card 元件

目標：在部落格存檔頁面中使用 Card 元件 首先，我將 CardComponent 匯入到 BlogComponent 中。 然後，我修改了範本，以在卡片上顯...

技術 Day 10 -主頁中 使用 Card 元件

目標：主頁中使用 Card 元件 首先，我必須將 CardComponent 匯入到 HomeComponent。 然後，我修改範本，將 "Curre...

技術 Day 9 - 使用 ng-content 建立可重複使用的 Card Component

目標：建立可重複使用的 Card Component，將在主頁和部落格清單上使用 我想重新設計主頁以 Card Component 顯示當前的技術堆疊和感興趣的...

技術 Day 8 - 取得社群媒體資料

目標：從 JSON 檔案中取得我的社群媒體資料 我希望保持 NavFooterComponent 元件較小，並將靜態社交媒體簡介封裝在 JSON 檔案中。 新...

技術 Day 7 - 重構導航頁尾元件

目標：重構導航頁尾元件以使用 SocialMediaComponenet 和 Icon 元件。 The inline template of the NavFo...

技術 Day 6 - 建立導航頁尾組件

目標：建立一個導覽頁腳元件來顯示我的 X、LinkedIn 和 Github 頁面。 安裝 bootstrap-icons npm i -save-exact...

技術 Day 5 - 建立導覽列元件

目標：建立一個導覽列元件來存取主頁 (Home Page) 和部落格清單 (Blog List)。 建立一個導覽列元件 ng g c components/na...

技術 Day 4 - 動態更新頁面標題

我希望每個頁面都有自己的標題。 /home -> About Connie /blog -> Blog Archive /blog/[slug] -...

技術 Day 3 - 建立主頁並將索引頁重定向到該主頁

我想創建一個靜態主頁來向訪問我部落格的人介紹我自己。 新增靜態主頁 在 src/app/pages 下建立 home.page.ts。 import { Com...