iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

透過 VuePress 建構 JAMstack 網站來肆意玩弄 Markdown 系列

JAMstack 網站開發架構拉近了靜態網站與 SSR 之間的功能差距,同時保持了靜態網站高性能、低成本、高安全性的關鍵優勢。

而 VuePress 則是一個以 Vue 為核心的靜態網站生成器,VuePress 最大的特色就是對 Markdown 的預處理機制,可以讓使用者透過 Markdown 建構內容時在 md 檔中靈活的使用各種預先定義好的 Vue 組件。

這系列的文章就來分享如何使用 VuePress 實作 JAMstack 網站開發架構,一起來玩弄 Markdown 建置一個超高靈活性的部落格兼官網吧。

DAY 11

VuePress 模板與主題使用

VuePress 模板與主題使用 其實以我目前使用 VuePress 的感想,其中一個比較不友善的地方就是 VuePress 沒有提供一個專案的 CLI 鷹架作...

2020-09-24 ‧ 由 Sid 吸管 分享
DAY 12

Git 與 GitHub 傻傻分不清楚

Git 與 GitHub 傻傻分不清楚 接下來的幾天,主題會放在 GitHub 這個以 Git 為核心技術基礎的「雲端版本控制服務平台」上面,因為在這系列的文章...

2020-09-25 ‧ 由 Sid 吸管 分享
DAY 13

GitHub Pages : 免費好用的網站部署平台

GitHub Pages : 免費好用的網站部署平台 前面有提過 JAMstack 最大的優勢之一就是成本非常的低,原因之一就是靜態網站的部署有太多免費好用的平...

2020-09-26 ‧ 由 Sid 吸管 分享
DAY 14

結合 CI/CD 才是完整的 JAMstack

結合 CI/CD 才是完整的 JAMstack 何謂 CI/CD CI/CD stands for Continuous Integration (CI) a...

2020-09-27 ‧ 由 Sid 吸管 分享
DAY 15

使用 GitHub Actions 來自動部署 GitHub Pages

使用 GitHub Actions 來自動部署 GitHub Pages Talk is cheap. Show you the code. 檔案路徑: .g...

2020-09-28 ‧ 由 Sid 吸管 分享
DAY 16

GitHub Actions 的 Workflow 設定檔解析(1)

GitHub Actions 的 Workflow 設定檔解析(1) 在上一篇文章中,我分享了一個 GitHub Actions 的腳本,今天就來分析一下這個腳...

2020-09-29 ‧ 由 Sid 吸管 分享
DAY 17

GitHub Actions 的 Workflow 設定檔解析(2)

GitHub Actions 的 Workflow 設定檔解析(2) 在上一篇文章說明了 Workflow 的名稱與觸發條件的設置,今天就來分析 jobs 的部...

2020-09-30 ‧ 由 Sid 吸管 分享
DAY 18

Google Cloud Platform 介紹與前端應用

Google Cloud Platform 介紹與前端應用 如果要講 CI/CD 與系統託管等雲端服務,其實 GitHub Pages 與 GitHub Act...

2020-10-01 ‧ 由 Sid 吸管 分享
DAY 19

The Clean Coder

The Clean Coder 無瑕的程式碼番外篇 因為接下來會開始進行主題「開發」的篇章了,而只要提到開發,程式碼品質就是很重要的要素,但程式碼的好壞有時相對...

2020-10-02 ‧ 由 Sid 吸管 分享
DAY 20

開發前的準備:JavaScript 核心概念

開發前的準備:JavaScript 核心概念 在前端領域,功能再怎麼強大好用的框架,終究使用 JavaScript 來建構出來的,所以在使用上對於 JavaSc...

2020-10-03 ‧ 由 Sid 吸管 分享