技術 Day19. 用Gatsby+Contentful五分鐘內做出一個部落格吧

今天，我們要用很快速的流程，來體驗一下Gatsby強大的地方，從頭快速的做出一個懶人的blog，並且不用打上一行程式碼 首先，在command linend...

技術 Day20. 將Gatsby專案放上Github Page

在Day19，我們見識了Gatsby強大的功能，使用官方提供的starter，快速的做出了一個部落格。而這個部落格本身，會包含我們所需要的資料，是一個靜態的網頁...

技術 Day21. 部落格功能規劃

今天我們停下腳步，來思考一下我們要從無到有實作出哪些功能。 首頁最基本的文章列表功能，然後作個簡單的分頁。 作者介紹欄: 圖片、姓名、社群url 文章...

技術 Day27. 部落格實作 (END)

成品參考: https://linsheng24.github.io/gatsby-blog/ 今天實作留言版的部分，因為react不同於文章，畫面的改變必須馬...

技術 Day22. 部落格實作 (一)

在之前，我們透過了Contentful提供的starter，快速的幫我們完成了"架好部落格"這件事。然而卻讓我們有點知其然而不知其所以然。...

技術 Day24. 部落格實作 (三)

今天開始把網頁跟Contentful做連結。 首先，到Contentful創造一個新的space(或是把舊的清空)。到Content Model做以下配置...

技術 Day26. 部落格實作 (五)

今天實作首頁的顯示舊文章的按鈕功能。 在實作前想先介紹react的hook這個東西:在去年以前，react的組件實作都是使用Class component，也就...

技術 Day23. 部落格實作 (二)

今天的動作比較瑣碎，但還是簡單說一下實作的過程，如果內容不夠清楚，也可以再本文的結尾直接把我推上去的git給抓下來繼續Day24以後的內容。 首先，我的部落格...

技術 Day25. 部落格實作 (四)

延續上一篇，今天來完成index頁面。 首先，到http://localhost:8000/___graphql先做好查詢語法 query indexQue...

技術 Day 15 - Contentful 內容轉移到 Sanity

因為我原先使用的 CMS 是 Contentful，之前寫了也有 5x 篇文章，當然是可以手動一篇一篇去搬，不過可以的話還是能找到直接 Contentful 匯...