JAMstack 網站開發架構拉近了靜態網站與 SSR 之間的功能差距,同時保持了靜態網站高性能、低成本、高安全性的關鍵優勢。
而 VuePress 則是一個以 Vue 為核心的靜態網站生成器,VuePress 最大的特色就是對 Markdown 的預處理機制,可以讓使用者透過 Markdown 建構內容時在 md 檔中靈活的使用各種預先定義好的 Vue 組件。
這系列的文章就來分享如何使用 VuePress 實作 JAMstack 網站開發架構,一起來玩弄 Markdown 建置一個超高靈活性的部落格兼官網吧。
VuePress 模板與主題使用 其實以我目前使用 VuePress 的感想,其中一個比較不友善的地方就是 VuePress 沒有提供一個專案的 CLI 鷹架作...
Git 與 GitHub 傻傻分不清楚 接下來的幾天,主題會放在 GitHub 這個以 Git 為核心技術基礎的「雲端版本控制服務平台」上面,因為在這系列的文章...
GitHub Pages : 免費好用的網站部署平台 前面有提過 JAMstack 最大的優勢之一就是成本非常的低,原因之一就是靜態網站的部署有太多免費好用的平...
結合 CI/CD 才是完整的 JAMstack 何謂 CI/CD CI/CD stands for Continuous Integration (CI) a...
使用 GitHub Actions 來自動部署 GitHub Pages Talk is cheap. Show you the code. 檔案路徑: .g...
GitHub Actions 的 Workflow 設定檔解析(1) 在上一篇文章中,我分享了一個 GitHub Actions 的腳本,今天就來分析一下這個腳...
GitHub Actions 的 Workflow 設定檔解析(2) 在上一篇文章說明了 Workflow 的名稱與觸發條件的設置,今天就來分析 jobs 的部...
Google Cloud Platform 介紹與前端應用 如果要講 CI/CD 與系統託管等雲端服務,其實 GitHub Pages 與 GitHub Act...
The Clean Coder 無瑕的程式碼番外篇 因為接下來會開始進行主題「開發」的篇章了,而只要提到開發,程式碼品質就是很重要的要素,但程式碼的好壞有時相對...
開發前的準備:JavaScript 核心概念 在前端領域,功能再怎麼強大好用的框架,終究使用 JavaScript 來建構出來的,所以在使用上對於 JavaSc...