废话不多 Gatsby.js 不知道多自己谷歌总结就是一个使用 React 和 webpack 现代化工具来构建多静态博客

install

很简单 so easy
安装脚手架、

sudo npm install -g gatsby-cli
创建目录

sudo gatsby new my-blazing-fast-site
启动

cd my-blazing-fast-site/

gatsby develop

但是这里会有几个坑

sudo gatsby new my-blazing-fast-site 这里其实是clonel 一个仓库，然后执行yarn install 这里可能会遇到网络中断fatal错误，或是文件过大调整git包最大值或者 调整 host:

192.30.xx.xx github.com
151.101.xx.xx github.global.ssl.fastly.net

IP查询地址来改善下网络

sudo gatsby new my-blazing-fast-site
- 这样要加sudo 管理员权限，因为它在clone 之后会装包不加会有一个权限不足的报错
libPng 这个包会有一个报错类似

我的是libpng 不是 libpng-dev

> pngquant-bin@5.0.2 postinstall C:\projects\my-blazing-fast-site\node_modules\pngquant-bin
> node lib/install.js

  ‼ Command failed: C:\projects\my-blazing-fast-site\node_modules\pngquant-bin\vendor\pngquant.exe --version


  ‼ pngquant pre-build test failed
  i compiling from source
  × Error: pngquant failed to build, make sure that libpng-dev is installed
    at Promise.all.then.arr (C:\projects\my-blazing-fast-site\node_modules\execa\index.js:231:11)
    at processTicksAndRejections (internal/process/task_queues.js:86:5)
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

安装一下 libpng 这个包玩过python的童鞋是不是有点熟悉

brew install libpng

brew list 查看下

issues 移步

然后重新装包

注意一定要先删除，在重新安装

rm-rf node_modules sudo yarn

打开地址栏：http://localhost:8000/___graphql
- 可以看到 graphql 的查询界面

未来Blog gatsby.js 搭建（一）

install

但是这里会有几个坑

然后重新装包