Gatsby.js 未來的網頁07:自動生成文章

[影片]Gatsby.js 未來的網頁07:自動生成文章

上一篇中我們準備好了Markdown、post template,以及相應的一些GraphQL query,今天就要使用Gatsby提供的createPages API自動産生blog文章。

Gatsby.js 未來的網頁07:自動生成文章

gatsby-node.js

gatsby-node.js便是我們使用createPages的地方。Gatsby會根據這裡面的設定産生相應的node(post, page等)。如果主目錄下找不到這個文件,可自行新增,但名稱必需使用gatsby-node.js。

在gatsby-node.js中加入:

我們用GraphQL取得所有的文章,用foreach針對每一篇文章使用createPage建立新頁面,這裡則需要用到path和postTemplate。

更正:

上一篇的templates/blog.js當中的:

React 需要大寫。

另外,20-10-2018-blog-post-1/index.md當中:

引號後漏了“/”。

Gatsby.js系列全部文章

本文參與iT邦幫忙鐵人賽簡體

No comment yet, add your voice below!


Add a Comment

你的電子郵件位址並不會被公開。 必要欄位標記為 *

Comment *
Name *
Email *
Website

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料