iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

手刻部落格,從設計到部署的實戰攻略 系列

探討從零打造一個部落格所需要考慮的方方面面,涉及框架選擇、需求及設計、開發和部署。本系列文會挑選 Astro 作為核心框架開發,並專注在探究過程中碰到技術的背景知識和觀念,與其他類似技術的比較。

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

來吧,親手刻個部落格!

現在還要寫部落格嗎? 就算在 AI 能讓我們輕易獲取高品質的資料、甚至富有洞見資訊的現在(2025-09),我們所閱讀過的內容仍然沒辦法自動轉變成自己的「知識」...

2025-09-01 ‧ 由 howarde8 分享
DAY 2

部落格類型:該選開放還是封閉、動態還是靜態?

欸先等等,要動手刻一個部落格要考慮的細節真的是蠻多的,因此,在實際動起來之前,還是先來聊聊現今部落格平台的疆土,到底有什麼種類?他們都有哪些優缺點? 更重要的是...

2025-09-02 ‧ 由 howarde8 分享
DAY 3

挑選部落格的要素(一):衡量網站效能,CWV、 Lighthouse 及 TTFB

上一講聊到部落格平台的型態,有分成封閉和開放,取決於我們能否修改其程式碼;也討論了動態和靜態網站,主要差異在需不需要維護一個資料庫,或是每次新增文章都得走一遍建...

2025-09-03 ‧ 由 howarde8 分享
DAY 4

挑選部落格的要素(二):建置效率及上手門檻,各大平台要素評比

當一個網站已經架好,我們可以透過前一講提到的 Lighthouse 等工具來量化一個網站的效能,這是其中一個重要的指標。 但在實際上架之前,也有很多可以左右我們...

2025-09-04 ‧ 由 howarde8 分享
DAY 5

靜態網站(SSG)演化簡史、框架大比拼:Jekyll、Hugo、Astro

上一講我們評比了不同種類的部落格平台,從網站效能、建置效率、上手門檻等不同維度來比較。 雖然靜態網站框架的上手門檻普遍較高,但是有網站效能最佳、成本最低的這些特...

2025-09-05 ‧ 由 howarde8 分享
DAY 6

設計(一):需求、驗收標準,手刻部落格的 PRD

在實際動手之前,能夠有清晰的思路知道接下來要做的事有什麼,是一件相當重要的事! 有的時候靈感一來,就打開電腦開始寫 Code,做到一半發現卡住要 Debug、有...

2025-09-06 ‧ 由 howarde8 分享
DAY 7

設計(二):部落格切版,淺談內容網站常見版型

好的版面是吸引讀者第一眼的重要因素之一,如果第一次進入部落格中沒有發現自己想要找的資訊,很可能就不會有第二次光顧的機會了。 這一講我們便來聊聊「第一眼」會見到的...

2025-09-07 ‧ 由 howarde8 分享
DAY 8

設計(三):RWD,Fluid Grid + Media Query,如何用斷點設計頁面佈局

響應式設計的發跡 根據 Statcounter 對 150 萬個網站所做的統計,在 2025 年中使用不同裝置上網所佔的比例為:手機 58.39%、桌機 40....

2025-09-08 ‧ 由 howarde8 分享