iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

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

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

參賽天數 29 天 | 共 29 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 21

瀏覽計數器(三):實作計數器,Astro 整合 API

前一講我們討論了記錄瀏覽數的策略,透過 IP Address + HTTP User-Agent 的資訊來辨識使用者,而後制定 Session 持續的時間,只要...

2025-09-21 ‧ 由 howarde8 分享
DAY 22

網站能見度(一):淺談 SEO 及 Open Graph

這講我們來聊聊,網站上線後需要考慮的兩件事:搜尋及分享。 大家在談論網路行銷的時候,一個繞不開的名詞叫做 SEO,全稱為 Search Engine Optim...

2025-09-22 ‧ 由 howarde8 分享
DAY 23

網站能見度(二):實戰 SEO in Astro,Sitemap 及 robots.txt

前一講我們簡單聊過 SEO,包含網址層級、提升效能、速度等策略,這一講則針對其中兩個必選題:Sitemap 及 robots.txt 來開始整合我們的 Astr...

2025-09-23 ‧ 由 howarde8 分享
DAY 24

網站能見度(三):整合 OGP Meta 標籤

OGP 的全稱是 Open Graph Protocol,由 Facebook 提出的社群分享預覽協定,我們在前面有簡單介紹過。 絕大部分的社群平台(除了 X,...

2025-09-24 ‧ 由 howarde8 分享
DAY 25

站內搜尋(一):淺談搜尋原理,如何用關鍵字找到某篇文章?

搜尋的功能在一個部落格中,通常是一個加分項,因為有了標籤、分類的架構後,其實要找到有興趣的文章已經不會太困難了,況且個人部落格的文章數量通常不會太多,超過百篇我...

2025-09-25 ‧ 由 howarde8 分享
DAY 26

站內搜尋(二):何謂斷詞、記號化 Tokenization?

上一講我們聊了搜尋的基本原理,可以透過建立一張關鍵字對應出現位置的表格來達成高效率的搜尋。 然而也提出要產出這張表的許多難點,包含處理不同複數、型態的英文單字,...

2025-09-26 ‧ 由 howarde8 分享
DAY 27

站內搜尋(三):搜尋流程,MiniSearch + Jieba

前兩講我們討論了搜尋的基本原理和斷詞,帶著這些基本知識,這一講便來聊聊在我們的 Astro 專案中搜尋功能的主要流程。 挑選純前端搜尋套件 現存的套件有蠻多種的...

2025-09-27 ‧ 由 howarde8 分享
DAY 28

部署(一):部落格架在何處?建置和部署服務的選擇

當我們部落格的功能已經差不多完善,下一步就是把整座部落格丟到一個公開的空間。 為了要讓每次上線新文章的過程更加簡單,降低我們寫作的阻力,將整個建置 + 部署的流...

2025-09-28 ‧ 由 howarde8 分享
DAY 29

部署(二):域名 Domain Name 該怎麼選?

一旦部落格已經架設在某個網頁伺服器,我們就會得到一組網址,例如用 Cloudflare Pages 會拿到 .pages.dev 為後綴的連結、GitHub P...

2025-09-29 ‧ 由 howarde8 分享