當文章太多滑不完的時候，我們會希望有page分頁的功能，gridsome提供了一個很好的套件叫做pager供大家使用，接下來就來教大家這個功能吧。

如果在query的時候出現這個錯誤，表示在query裡面找不到這個參數，需要打開schema裡面查看。

Netlify是用於部署和託管Gridsome網站的出色解決方案。Netlify是一個統一的平台，可自動執行您的代碼以創建高性能，易於維護的網站和Web應用程序。

當我們已經使用netify發布了網址之後，如果我們想要追蹤裡面的行為，可以使用google analytics來做，很幸運的，gridsome裡面也有這個套件可以使用。

還記得我們在mdPost的時候嗎？當我們在產生與該typeName相關schema的時候，我們還可以產生根據其他屬性的集合，我們稱為collection，會在該套件寫一個refs如下。

我們frontend.vue以及Thailand.vue裡面的文章很相似，所以我們把一篇文章的架構提出來，放到components裡面。

上一篇載入本地端的md檔案，接下來要來介紹載入外部來源wordpress的方式。

載入資料夾的md文章,g-image,templates。

上一次提及的這個架構，先拆成一步一步來完成吧。

這裡要來帶大家利用我學習gridsome的技能來實作一個部落格網站，目前學習gridsome的資源沒有很多，可以參考以下資源...。

如果有重複的方法需要共用，這時候我們可以使用mixins的方式載入，分為全域global的方法以及local的方法。

當我們在開發的時候，總是會需要一些共通的設定來避免程式碼重複，我們可以在每一個.vue檔裡面import進來，但是會顯得很累贅，所以接下來要教大家幾種全域引入的方式。

如果想要在網站加上留言的功能，可以使用這個套件isqus。disqus是一個網站的外部服務，可以塗供給你留言的客製化元件。

collections 是一群nodes節點的集合，很適合用來製作posts,tags,products列表的資料。可以讓graphQL裡面新增集合節點。有兩種方法可以新增collections：source plugin以及data store API。

將文件轉換為可以使用GraphQL在組件中獲取的內容。

可以在每一個.vue的檔案裡面使用查詢。

什麼是堆疊呢？ 當談論到堆疊的時候，不談論後端語言或資料庫，是一種建構網站的新方法，可提供較好的效能。而什麼不是JAMstack的網站呢？客戶端和伺服器之間緊密耦合的任何專案都不是使用JAMstack構建的。

是為了collections裡面的node產生頁面，因此template資料夾裡面的檔案命名是{collection}的名稱。src/templates/{Collection}.vue，以redditPost為例，新增template/redditPost.vue。

安裝好gridsome之後，架構如下。