相關(guān)文章

• Gatsby極速入門—使用GraphQL解析Markdown（2）

  摘要：什么是既是一種用于的查詢語言也是一個滿足你數(shù)據(jù)查詢的運(yùn)行時。嵌套將組件扔到下面的里面打開首頁，看到網(wǎng)站的描述就大功告成了。 1.什么是GraphQL GraphQL 既是一種用于 API 的查詢語言也是一個滿足你數(shù)據(jù)查詢的運(yùn)行時。 GraphQL 對你的 API 中的數(shù)據(jù)提供了一套易于理解的完整描述，使得客戶端能夠準(zhǔn)確地獲得它需要的數(shù)據(jù)，而且沒有任何冗余，也讓 API 更容易地隨著時間...

  fou7 2019-08-26 13:48 評論0 收藏0

• Gatsby極速入門—添加上一頁下一頁功能（完結(jié)篇）

  摘要：調(diào)整這個就簡單了打開，增加代碼如下這里是新增加的調(diào)整打開首頁，點(diǎn)擊頁面跳轉(zhuǎn)到對應(yīng)的頁面大功告成。總結(jié)到此，通過就快速的搭建了一個博客網(wǎng)站，我們只需書寫文件就能生成對應(yīng)的網(wǎng)頁了。至于網(wǎng)頁美化，那是切圖的事兒，我就不在這里墨跡了。 1.調(diào)整gatsby-node 這個就簡單了,打開gatsby-node.js，增加代碼如下： const path = require(path); expo...

  youkede 2019-08-23 17:59 評論0 收藏0

• Gatsby極速入門—安裝和博客搭建（0）

  摘要：安裝創(chuàng)建項(xiàng)目開發(fā)注意報錯文件空格問題，最好不要用空格和中文。直接放在硬盤根目錄下就不會有問題。打開，看到如下效果就成功了構(gòu)建查看效果打開瀏覽器看到如下效果大功告成 1.安裝 yarn global add gatsby-cli 2.創(chuàng)建gatsby項(xiàng)目 gatsby new blog 3.開發(fā) gatsby develop 注意報錯： error UNHANDLED EXCEPT...

  qieangel2013 2019-08-23 17:21 評論0 收藏0

• Gatsby極速入門—添加博客內(nèi)容頁（4）

  摘要：查數(shù)據(jù)注意，這里跟前面不一樣了，我用這個文件去提供數(shù)據(jù)，沒有什么為什么，規(guī)定，照做就好。很清晰明顯，這里就說一點(diǎn)我傳遞了一個參數(shù)，到內(nèi)容頁。創(chuàng)建內(nèi)容頁模板在下創(chuàng)建這里只要對應(yīng)的路徑的那個文章查詢 1.查數(shù)據(jù) 注意，這里跟前面不一樣了，我用gatsby-node.js這個文件去提供數(shù)據(jù)，沒有什么為什么，規(guī)定，照做就好。 const path = require(path); export...

  wean 2019-08-23 17:51 評論0 收藏0

• Gatsby極速入門—添加博客文章列表（3）

  摘要：查數(shù)據(jù)如圖所示，套頁面打開打開首頁，看到文章列表就大功告成了。 1.查數(shù)據(jù) { allMarkdownRemark(sort: {order: DESC, fields: [frontmatter___date]}) { edges { node { frontmatter { title path ...

  cnTomato 2019-08-26 13:55 評論0 收藏0