Gatsby可以用来构建静态页面，搭建个人博客，与React 完美结合

官网：https://www.gatsbyjs.org

Github：https://github.com/gatsbyjs/gatsby

Gatsby 学习知识图谱 （点击看大图）

准备工作

1）安装Node.js，主要是需要npm包；

2）安装git，并将git添加到环境变量path中；

3）安装 giatsby；nmp install -g gatsby-cli；

4）对React还不了解，要去了解一下

5）安装一个编辑器，根据个人喜好和需求吧，例如：Sublime、VSCode，是Markdown很好的编辑器，后期需要写好多Markdown文件呢。

安装初始化

全局安装 npm install -g gatsby-cli

初始化项目 gatsby new gatsby-site,gatsby-site为项目名

也可以直接用npx gatsby new gatsby-site,

注意，如果用npx形式，windows系统使用git bash ，不要用cmd ，cmd无法执行 git clone指令

运行

cd gatsby-site

gatsby develop

默认运行在8000端口

查看

打开浏览器本地8000端口

localhost:8000或者127.0.0.1:8000

构建

上述是开发环境，开发完成需要构建一下

gatsby build

gatsby 内置一个服务，用来搭载build后的静态资源 gatsby serve

此时端口是9000

参考推荐：

HTML CSS 知识分类总结

HTML CSS 学习笔记整理

HTML CSS 块级标签的用法总结

Modernizr.js 检测 HTML5、CSS3 兼容性

常用的HTML标签和属性解释

米扑科技公司的代码命名规范