1、gatsby new pro-name 新建项目名为pro-name
2、cd pro-name 进入到pro-name文件夹下
3、gatsby develop 启动项目
4、项目入口
项目入口文件为：layout.js ，且layout.js做为整体的框架，
把header.js和footer.js引入layout.js,
存放所有静态图片：放在static文件夹中，项目中引用： src={\'/img/imgs.jpg\'}
5、gatsby build 发布
发布时需注意的问题：
（1）项目中不允许在componentDidMount()之外出现window对象
（2）若想要引入外部的js,如百度地图的js或者单独的js文件，可使使用react-helmet插件
react-helmet插件：管理对文档头所有的更改，纯输入输出html标记
import Helmet from \'react-helmet’
<Helmet>
< charSet=\"utf-8\" />
< >demo</ >
<html lang=\"en\" />
< type=\"text/ \" src=\"https://baidu.com\"></ >
</Helmet>
6、本机ip启动项目 gatsby develop -H ip 和 gatsby serve -H ip
继续阅读与本文标签相同的文章
上一篇 :
Golang百万级高并发实践
-
充电宝逆袭共享单车，打脸王思聪？大家都打错脸了，事实并非如此
2026-05-19栏目： 教程
-
余承东说到做到，华为开启“全力反击”模式，谷歌始料未及！
2026-05-19栏目： 教程
-
等了 1 个多月，我就自己动手了
2026-05-19栏目： 教程
-
使用 Docker 构建 Nebula Graph 源码
2026-05-19栏目： 教程
-
阿里云服务器机型价格及如何选择？
2026-05-19栏目： 教程