摘要:安裝創建項目開發注意報錯文件空格問題,最好不要用空格和中文。直接放在硬盤根目錄下就不會有問題。打開,看到如下效果就成功了構建查看效果打開瀏覽器看到如下效果大功告成
1.安裝
yarn global add gatsby-cli
2.創建gatsby項目
gatsby new blog
3.開發
gatsby develop
注意報錯:
error UNHANDLED EXCEPTION Error: no parsers registered for: ""
文件空格問題,最好不要用空格和中文。直接放在硬盤根目錄下就不會有問題。
打開http://localhost:8000/,看到如下效果就成功了:
4.構建
gatsby build
5.查看效果
gatsby serve
打開瀏覽器:http://localhost:9000/看到如下效果:
大功告成!
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/104212.html
摘要:調整這個就簡單了打開,增加代碼如下這里是新增加的調整打開首頁,點擊頁面跳轉到對應的頁面大功告成。總結到此,通過就快速的搭建了一個博客網站,我們只需書寫文件就能生成對應的網頁了。至于網頁美化,那是切圖的事兒,我就不在這里墨跡了。 1.調整gatsby-node 這個就簡單了,打開gatsby-node.js,增加代碼如下: const path = require(path); expo...
摘要:查數據注意,這里跟前面不一樣了,我用這個文件去提供數據,沒有什么為什么,規定,照做就好。很清晰明顯,這里就說一點我傳遞了一個參數,到內容頁。創建內容頁模板在下創建這里只要對應的路徑的那個文章查詢 1.查數據 注意,這里跟前面不一樣了,我用gatsby-node.js這個文件去提供數據,沒有什么為什么,規定,照做就好。 const path = require(path); export...
摘要:查數據如圖所示,套頁面打開打開首頁,看到文章列表就大功告成了。 1.查數據 { allMarkdownRemark(sort: {order: DESC, fields: [frontmatter___date]}) { edges { node { frontmatter { title path ...
摘要:安裝插件我用就是因為它支持所以不墨跡,直接整支持。添加格式化文章在下面添加三篇文章,頭部格式如下教程完整代碼如圖所示 1.安裝插件 我用Gatsby就是因為它支持Markdown.所以不墨跡,直接整Md支持。 yarn add gatsby-source-filesystem yarn add gatsby-transformer-remark 2.添加格式化文章 在src>page...
摘要:原文地址靜態博客之前也有搭建過,不過使用一鍵生成的,其實當時也有考慮過,不過這個框架搭建博客入門還是比較難的,前置知識點包括和。使用建立項目已經自帶了不少插件,但在我的搭建過程中仍然有一些需要自己添加的。 原文地址:https://ssshooter.com/2018-12... 靜態博客之前也有搭建過,不過使用 Hexo 一鍵生成的,其實當時也有考慮過 Gatsby,不過這個框架搭...
閱讀 3756·2021-08-11 11:16
閱讀 1624·2019-08-30 15:44
閱讀 1997·2019-08-29 18:45
閱讀 2271·2019-08-26 18:18
閱讀 1000·2019-08-26 13:37
閱讀 1570·2019-08-26 11:43
閱讀 2117·2019-08-26 11:34
閱讀 378·2019-08-26 10:59