当前位置:首页 > 新闻动态 > 网站文章

如何了不起的Gatsby快速创建个人或公司门户网站 (一)Starter

来源: 浏览:157 时间:2023-08-02

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网站。

地址 · ADDRESS

地址:建邺区新城科技园嘉陵江东街18号2层

邮箱:309474043@qq.Com

点击查看更多案例

联系 · CALL TEL

400-8793-956

售后专线:025-65016872

业务QQ:309474043    售后QQ:1850555641

©南京安优网络科技有限公司 版权所有   苏ICP备12071769号-4  网站地图