
如何了不起的Gatsby快速创建个人或公司门户网站 (一)Starter
Gatsby是一款开源的基于React实现的静态网站框架,可以让开发者快速的创建个人或公司门户网站,或者是应用。下面这个图可以概括的介绍gatsby的一个开发部署流程。
开发部署流程
首先从数据源上,比现有的开源静态网站产品要丰富很多,支持从已有cms导入,以及通用的markdown,还支持从rest api,(yaml,json,csv)文件导入数据。然后通过graphQL查询结构化数据结果,通过react框架build出静态页面,然后发布到各个服务器上。熟悉react的同学们会更青睐这种框架,不用像hexo那样,写html模板。
首先我们来安装gatsby命令行工具。
$ npm install -g gatsby-cli
安装好之后,创建一个新的site,叫my-site
$ gatsby new my-site
Gatsby new
接下来,我们进入代码目录,直接就可以启动一个本地服务,进行开发测试,浏览。
$ gatsby develop
运行本地服务
提示我们访问localhost:8000,当看到starter页面时候,表示gatsby的初始化环境已经弄好,我们可以开发了。gatsby原生支持graphql,提供了___graphql页面提供开发者,实时查询数据源,显示查询结果,用于开发测试。
Gatsby Starter page
Gatsby graphql页面
ok。这就是我们的gatsby的最开始的部分,后面的部分我会给大家介绍怎么去写自己的模板页面,添加数据源,数据查询,以及如何部署到github page,并免费部署自己的https网站。


