鐵人檔案
是否有想過學習完基礎網頁開發後想要建構自己的網站卻發現難以起手，往往需要再學習額外的模板語言？接觸額外的生態系與框架？在這裡都不用！只需具備基礎的 HTML / CSS / JS 即能立即上手。Astro.js 是專為速度而設計的多合一網頁框架，著重於建構內容為重(content-focused)的網頁，在本系列文章會著重透過實際案例(像是建構自己的個人作品集網站與部落格等靜態內容網站)，不空口白談而是從零到部屬成功打造扎實的作品。
前言 到這個章節介紹了絕大多數會使用到的 Astro 功能，後續的章節會著重在講解一些額外的環境設置。讓我們把製作好的網站放到伺服器上可以被其他人造訪吧。 S...
前言 本章節來介紹環境變數在 Astro 當中，並且可以如何運用它。 為什麼需要環境變數？ 在真實世界中會需要面臨不同的開發環境，像是：開發、生產……等階段，...
前言 在撰寫引入路徑時會發現撰寫相對位置的路徑既又繁瑣又難維護，可以透過額外設置路徑別名來解決這個問題。 為什麼需要路徑別名（Aliases） 當網站規模愈複...
前言 我喜歡使用自動化的工具來為專案的代碼提供錯誤檢查與整理，因此使用 ESLint 與 Prettier 讓撰寫的代碼更一致無錯，還有額外添加 TypeSc...
前言 在 Astro 中串接 CMS 是一件非常容易的事情，可以到官方文件查看各種 CMS 的傳接方式。 什麼是 CMS？Headless CMS？ 內容管理...
前言 很多時候建構網站都太著重在技術層面該如何應對，但要怎麼經營自己的網站或產品好像卻沒什麼概念，因此這裡添加一下我建構網站的歷程與收穫。（主要是近期工作忙到...
前言 本章節來談談 Astro 3.0 版本最吸睛的一項功能：View Transitions ，讓你的靜態網頁也能達成 App 應用一樣的絲滑感受。 由於這...
前言 感覺 30 天真的要寫不下去了 😅，感覺要寫的前面都寫過了，今天這一篇來介紹 Astro 有那些資源可以入門以及近期的新聞。 學習資源 其實 Astr...
終於到第 29 天了……前面寫太多沒有規劃好反而到後面也不知道要多寫什麼。 其實在撰寫這 30 天文章之前我有先試寫紀錄一下我用 Astro 製作個人網站的過...
結語 本系列 Astro 文章終於完結了，必須說連續 30 天到了後段有點寫不太出來任何東西，秉持著有寫任何東西無論如何都比沒寫強的精神完成了這次的挑戰！ 本...
