Gatsby

ReactJS 静态网页生成器
授权协议 MIT
开发语言 JavaScript
所属分类 手机/移动开发、 React 开源项目
软件类型 开源软件
地区 不详
投 递 者 蒋俊
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Gatsby 是基于 React 构建的静态站点生成器,拥有丰富的插件生态,其主要目标之一是交付访问速度快速的网页,它通过利用良好的缓存、静态页面生成和基于边缘的 CDN 数据源来实现这一目标。

live-reloading example

Gatsby 可以使用 React.js 把纯文本转换到动态博客或者网站上。

目标:

  • 无需重载页面转换

  • 热重载编辑

  • 为构建静态网站创建 React.js 组件模型和生态系统

  • 直观的基于目录的 URLs

  • 支持 "Starters"

  • 前言 又研究了下这玩意,终于大概理解咋回事了。 gatsby它自带的graphql会先收集项目的一些信息,然后做成graphql服务,包括各种文件之类,比如用插件搞得markdown或者图片文件,都是这种模式,被收集到gatsby的graphql架构中。 在编写页面时,可以通过它提供的组件或者api查询graphql中存放的数据,从而渲染出来。 在gatsby-node中可以做一些node上的动态

  • gatsby When working with Gatsby.js, we constantly make use of its built-in command line interface (CLI.) This essential tool allows us to do things like creating new projects from starters, launching

  • 前言 感谢各位这些年来阅读我的博客文章,以及优化博客系统框架,现在,我将为你带来一个前后端彻底分离,而且可以一键启动的博客框架。 透过这个腳手架,你可以快速建立一个如同 Calpa's Blog 的博客系统。 Github 地址:github.com/calpa/gatsb… 功能 系统架构 GatsbyJS v2,更加快速 Google Analytics 支持离线操作 Web App Mani

  • gatsby by Pav Sidhu 通过帕夫·西杜(Pav Sidhu) 我如何使用Gatsby和Netlify建立博客 (How I Built My Blog Using Gatsby and Netlify) 您能说出更具标志性的二人​​组合吗? ? (Can you name a more iconic duo? ?) Years ago, whenever I built a sta

  • gatsby by Dimitri Ivashchuk 由Dimitri Ivashchuk 如何使用Gatsby.js来获取内容 (How to source content with Gatsby.js) Gatsby.js is a powerful static site generator (with dynamic capabilities) which can be used to

  • gatsby As much as we can all agree about how awesome markdown is, it will always be significantly more satisfying to see your edits and style changes on your pages in real time. 蓮 TinaCMS, when couple

  • gatsby Now that we’ve been over the basics of working with Gatsby to build a static website, let’s start exploring some of its internals. For this post, I’ll cover the Gatsby Link component, which wra

 相关资料
  • 静态网页生成器工具 JS 网页生成器: Metalsmith harp JS 博客网站生成器: hubpress.io Hexo.io 网站生成器列表: staticsitegenerators.net www.staticgen.com

  • 静态网页生成器 静态网页生成器, 是使用服务器端代码编写(如: ruby, php, python, nodeJS 等...), 用静态文本数据 + 模板, 生成从服务器发送到客户端的静态 HTML 文件. 综合学习: 静态网页生成器 [read]

  • 本文向大家介绍ASP.NET静态页生成方法,包括了ASP.NET静态页生成方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了ASP.NET静态页生成方法。分享给大家供大家参考。具体实现方法如下: 一、问题: 由于业务需要,得把页面按照模板页生成静态页面,所以自己就琢磨了下,写些思路,以备日后需要的时候用。 二、解决方法: 静态页生成用到最多的就是匹配跟替换了,首先得读取模板页的html内

  • 主要内容:静态网页,动态网页本节我们了解一下静态网页和动态网页的相关概念。如果您熟悉前端语言的话,那么您可以快速地了解本节知识。 当我们在编写一个爬虫程序前,首先要明确待爬取的页面是静态的,还是动态的,只有确定了页面类型,才方便后续对网页进行分析和程序编写。对于不同的网页类型,编写爬虫程序时所使用的方法也不尽相同。 静态网页 静态网页是标准的 HTML 文件,通过 GET 请求方法可以直接获取,文件的扩展名是 、 等,网面中

  • 本文向大家介绍动态JSP页生成静态HTML的方法,包括了动态JSP页生成静态HTML的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了动态JSP页生成静态HTML的方法。分享给大家供大家参考。具体如下: 具体实现: 利用Filter的过滤功能把*.jsp过滤出来,判断是否存在对应的.html文件,如果不存在对应的.html文件,则将其内容读出写入指定的.html文件,再跳转到对应的.h

  • 我已经构建了一个静态的next.js站点,并希望从一个标记文档文件夹中生成一组静态页面(但这个问题的目的可能是任何东西--文本文件等)。假设我有这个文档文件夹: 发现完整URL slug的唯一方法是在构建时,在构建时可以递归文档文件夹并发现以下路径: 通常情况下,如果我知道diff子路由,我可以像这样添加文件: ...然而,我不知道这些子文件夹在代码时能够做到这一点,只有在构建时当我递归文档。 我

  • 本文向大家介绍在ASP中不用模板生成HTML静态页直接生成.html页面,包括了在ASP中不用模板生成HTML静态页直接生成.html页面的使用技巧和注意事项,需要的朋友参考一下 我们一般生成HTML静态页时,常常会事先做好一个模板,然后生成时调用模板文件。那么有没有办法不用模板,如一个正常的htmer.asp页面,直接生成为htmer.html页面呢?当然是可以的,而且非常简单,今天就教大家在A

  • 本文向大家介绍jsp实现将动态网页转换成静态页面的方法,包括了jsp实现将动态网页转换成静态页面的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jsp实现将动态网页转换成静态页面的方法。分享给大家供大家参考。具体如下: 如果我可以将jsp动态网页转换成静态页面,那么访问的时候就不需要频繁的访问数据库了。 jsp 显示内容缓存技巧 前段时间做自己社区的论坛,在jive 的基础上做一个页