资讯专栏INFORMATION COLUMN

Gatsby极速入门—安装和博客搭建(0)

qieangel2013 / 3157人阅读

摘要:安装创建项目开发注意报错文件空格问题,最好不要用空格和中文。直接放在硬盘根目录下就不会有问题。打开,看到如下效果就成功了构建查看效果打开浏览器看到如下效果大功告成

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

相关文章

  • Gatsby极速入门—添加上一页下一页功能(完结篇)

    摘要:调整这个就简单了打开,增加代码如下这里是新增加的调整打开首页,点击页面跳转到对应的页面大功告成。总结到此,通过就快速的搭建了一个博客网站,我们只需书写文件就能生成对应的网页了。至于网页美化,那是切图的事儿,我就不在这里墨迹了。 1.调整gatsby-node 这个就简单了,打开gatsby-node.js,增加代码如下: const path = require(path); expo...

    youkede 评论0 收藏0
  • Gatsby极速入门—添加博客内容页(4)

    摘要:查数据注意,这里跟前面不一样了,我用这个文件去提供数据,没有什么为什么,规定,照做就好。很清晰明显,这里就说一点我传递了一个参数,到内容页。创建内容页模板在下创建这里只要对应的路径的那个文章查询 1.查数据 注意,这里跟前面不一样了,我用gatsby-node.js这个文件去提供数据,没有什么为什么,规定,照做就好。 const path = require(path); export...

    wean 评论0 收藏0
  • Gatsby极速入门—添加博客文章列表(3)

    摘要:查数据如图所示,套页面打开打开首页,看到文章列表就大功告成了。 1.查数据 { allMarkdownRemark(sort: {order: DESC, fields: [frontmatter___date]}) { edges { node { frontmatter { title path ...

    cnTomato 评论0 收藏0
  • Gatsby极速入门—支持Markdown(1)

    摘要:安装插件我用就是因为它支持所以不墨迹,直接整支持。添加格式化文章在下面添加三篇文章,头部格式如下教程完整代码如图所示 1.安装插件 我用Gatsby就是因为它支持Markdown.所以不墨迹,直接整Md支持。 yarn add gatsby-source-filesystem yarn add gatsby-transformer-remark 2.添加格式化文章 在src>page...

    RobinTang 评论0 收藏0
  • 使用 Gatsby.js 搭建静态博客 1 关键文件

    摘要:原文地址静态博客之前也有搭建过,不过使用一键生成的,其实当时也有考虑过,不过这个框架搭建博客入门还是比较难的,前置知识点包括和。使用建立项目已经自带了不少插件,但在我的搭建过程中仍然有一些需要自己添加的。 原文地址:https://ssshooter.com/2018-12... 静态博客之前也有搭建过,不过使用 Hexo 一键生成的,其实当时也有考虑过 Gatsby,不过这个框架搭...

    mzlogin 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<