iT邦幫忙

鐵人檔案

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

用Gatsby.js做出一個簡單的部落格 系列

第一次接觸gatsby.js,正好有機會,能夠學習並且參加這次的活動
雖然可能無法完賽,但希望能把一些成果作為紀錄。

參賽天數 14 天 | 共 28 篇文章 | 35 人訂閱 訂閱系列文 RSS系列文

Day21. 部落格功能規劃

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

2019-10-26 ‧ 由 轟天旅人 分享

Day22. 部落格實作 (一)

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

2019-10-28 ‧ 由 轟天旅人 分享

Day23. 部落格實作 (二)

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

2019-10-28 ‧ 由 轟天旅人 分享

Day24. 部落格實作 (三)

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

2019-10-29 ‧ 由 轟天旅人 分享

Day25. 部落格實作 (四)

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

2019-10-30 ‧ 由 轟天旅人 分享

Day26. 部落格實作 (五)

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

2019-10-31 ‧ 由 轟天旅人 分享

Day27. 部落格實作 (END)

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

2019-11-02 ‧ 由 轟天旅人 分享

Day28. 結束心得

系列文到這邊我打算就告一段落了,雖然沒有到30天,但也算是有做一點簡單的東西了。這次的嘗試比較接近是一種體驗性質,但過程中也讓我接觸或是更了解一些之前不了解的領...

2019-11-08 ‧ 由 轟天旅人 分享