摘要:安装创建项目开发注意报错文件空格问题,最好不要用空格和中文。直接放在硬盘根目录下就不会有问题。打开,看到如下效果就成功了构建查看效果打开浏览器看到如下效果大功告成
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/看到如下效果:
大功告成!
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/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,不过这个框架搭...
阅读 3734·2021-08-11 11:16
阅读 1580·2019-08-30 15:44
阅读 1983·2019-08-29 18:45
阅读 2253·2019-08-26 18:18
阅读 962·2019-08-26 13:37
阅读 1530·2019-08-26 11:43
阅读 2067·2019-08-26 11:34
阅读 338·2019-08-26 10:59