iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
佛心分享-IT 人自學之術

使用 AnalogJS 建立部落格文章 系列

AnalogJS is a popular opensource meta framework written in AnalogJS. I want to document my experience in building my first blog using Angular, AnalogJS, and a UI framework.

AnalogJS 是一個用 AnalogJS 寫的熱門開源元框架。 我想記錄我使用 Angular、AnalogJS 和 UI 框架建立第一個部落格的經驗。
AnalogJS shì yīg

參賽天數 9 天 | 共 12 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 1 - 什麼是 AnalogJS?

AnalogJS 是一個全端元框架,用於建立由 Angular 提供支援的應用程式和部落格文章。 特徵 支援Vite/Vitest/Playwright 由...

2024-09-15 ‧ 由 connieleung 分享
DAY 2

Day 2 - 創建我的第一個 AnalogJS 應用程式

系統需求 Analog 需要以下 Node 和 Angular 版本: 推薦節點v18.13.0及更高版本 Angular v15 或用戶 我的電腦安裝了...

2024-09-16 ‧ 由 connieleung 分享
DAY 3

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

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

2024-09-17 ‧ 由 connieleung 分享
DAY 4

Day 4 - 動態更新頁面標題

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

2024-09-18 ‧ 由 connieleung 分享
DAY 5

Day 5 - 建立導覽列元件

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

2024-09-19 ‧ 由 connieleung 分享
DAY 6

Day 6 - 建立導航頁尾組件

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

2024-09-20 ‧ 由 connieleung 分享
DAY 7

Day 7 - 重構導航頁尾元件

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

2024-09-21 ‧ 由 connieleung 分享
DAY 8

Day 8 - 取得社群媒體資料

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

2024-09-22 ‧ 由 connieleung 分享
DAY 9

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

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

2024-09-23 ‧ 由 connieleung 分享
DAY 9

Day 10 -主頁中 使用 Card 元件

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

2024-09-25 ‧ 由 connieleung 分享