我的第一篇文章

我的第一篇文章

分類:
技術分享
標籤:
Astro Next.js 前端 GitHub Pages
更新於 2025年9月4日

前言

自 2025 年 8 月開始建立這個技術部落格至今,已經過了一段時間,卻還沒好好寫下建立部落格的初衷和未來規劃…,看來是時候該寫下這篇文章了 XD。

本篇文章應該不會太長,但你會看到一位技術愛好者,從零開始建立個人技術部落格的完整歷程,以及未來想要分享的內容方向,相信各位讀者會滿意這篇文章的!

背景

NOTE

先來介紹一下我自己,我叫小松,目前居住在台中,我是一位熱愛技術的開發者,平時除了寫程式之外,也喜歡去社群中分享各種技術心得和教學經驗。在技術學習的過程中,我發現很多時候「寫下來」是最好的學習方式,因此決定建立這個技術部落格。

在決定建立部落格時,我有幾個選擇:WordPress、Hugo、Next.js、Astro 等。雖然我最一開始的志願序是 WordPress > Next.js > Astro,但經過深入研究和比較後,我選擇了 Astro 作為我的部落格框架。

技術部落格建立過程

但我想要先澄清,這個部落格不只是寫技術文章!我的目標是建立一個全方位的技術分享平台,包含技術心得、演講內容、課程教學、以及個人成長記錄,類似於一個技術人的數位花園。

總之,我就開始建立部落格啦~當時是八月末決定的,但我到現在才開始寫第一篇文章,看來是時候該開始了。

建立過程

技術選擇

當時抱持著興奮的心情開始研究各種技術棧,但沒幾天就遇到選擇困難症…。

首先是框架選擇,過去幾年靜態網站生成器百花齊放,從 Jekyll、Hugo 到 Next.js、Astro,每個都有各自的優缺點,我完全不知道該選哪個!甚至會影響後續的開發效率。

再來是設計風格…,我看了很多優秀的技術部落格,像是 VicWen 的部落格,他們的設計風格都很棒,但我想要有自己的特色,只能獨自摸索設計方向。

最後是部署平台…,GitHub Pages、Vercel、Netlify 都是不錯的選擇,但考慮到我的主網站已經部署在 GitHub Pages,為了統一管理,我選擇了相同的平台。

OK,總結一下,技術選擇困難加上設計風格摸索加上部署平台選擇,這也難怪很多人在建立部落格時會半途而廢,一般人面臨到這種「選擇困難症」,肯定直接放棄、自暴自棄,甚至半路中離的。

為什麼選擇 Astro?

零 JavaScript 預設

Astro 最吸引我的地方就是「零 JavaScript 預設」的設計理念。在現代網頁開發中,JavaScript 已經成為不可或缺的一部分,但過多的 JavaScript 會影響載入速度和 SEO。Astro 預設情況下不載入任何 JavaScript,只在需要時才載入互動功能,這完全符合我的需求。

內容集合

內容集合(Content Collections)是 Astro 的一大特色,它提供了類型安全的內容管理。透過 TypeScript 的自動類型生成,我可以在寫作時就發現潛在的錯誤,大大提升了開發效率。

🎨 靈活的框架整合

雖然我主要使用 Astro,但 Astro 可以與 React、Vue、Svelte 等框架整合,這意味著我可以在需要時使用其他框架的組件,非常靈活。

技術

我的部落格使用了以下技術:

  • Astro - 靜態網站生成器
  • Next.js - 主網站框架(整合用)
  • TailwindCSS - 樣式框架
  • TypeScript - 類型安全
  • GitHub Pages - 部署平台(Github Action 自動部署)

未來計劃

技術文章

我計劃在這個部落格中分享各種技術心得:

  1. 前端開發 - React、Vue、Next.js 等框架的使用心得
  2. 後端技術 - Node.js、Go、資料庫設計等
  3. DevOps - 部署、CI/CD、雲端服務等
  4. 工具分享 - 實用的開發工具和技巧

🎤 演講和教學

除了技術文章,我也計劃在這裡分享:

  1. 演講內容 - 技術演講的完整內容和補充資料
  2. 課程心得 - 教學過程中的經驗分享
  3. 學習資源 - 推薦的學習資源和書籍
  4. 實作範例 - 課程中的實作範例和解答

🌟 個人成長

最後,我也會記錄個人的成長歷程:

  1. 學習心得 - 技術學習的過程和反思
  2. 職涯發展 - 在技術領域的成長和規劃
  3. 社群參與 - 參與技術社群的經驗和收穫

結語

很高興自己努力了數月,終於建立了這個技術部落格。

我認為的技術寫作 = 90% 內容 + 10% 技術,因此我認為我是位很幸運的人,我能夠靠努力將自己的技術能力提升,但卻是那 10% 的技術選擇帶領我到正確的方向。

技術部落格,是個沉重的包袱,背負著自己、讀者、社群,甚至是整個技術生態,將力量集結於一處,為的就是在技術的殿堂中嶄露頭角。

當然,除了建立部落格,有了平台外,也有知識沉澱、技能提升、人際圈增廣,等等諸多的好處,不僅僅只是「埋頭寫作只為了拚一個飄渺的名頭」,這段時間也帶給我非常多的改變,不只是心態上,變得更加沉著、穩定,抑或是面對技術挑戰仍面不改色的那份堅毅信念。

雖然部落格的建立已經是一段時間前的事了,但在撰寫文章的當下,翻看著過往的程式碼,回憶皆一一浮現於腦中,彷彿是昨天我才剛寫完一行程式碼,還在準備迎接新功能的開發心情。

若你想知道建立完部落格後我做了什麼,可以透過傳送門前往~

技術文章列表

演講心得分享


這篇文章標誌著我技術分享之旅的開始!期待在這裡與大家分享更多技術的大小事,以及演講和課程的內容。

目錄