Gatsby精粹，面向未来的blog

缘起

我原先是使用的hexo的，这里我们从hexo ==> Gatsby的原因如下：

都是静态页面框架，SEO，部署等，静态页面的优势
使用现代化框架开发 —— React ，可以不断的迭代
社区资源成熟，目前Gatsby的插件已经非常成熟链接
性能强悍，相比其他的静态页面框架，Gatsby的性能比较出众
GraphQL 来请求数据，灵活优雅，待会介绍

install

安装全局 gastby 命令行，通过这个初始化脚手架。
yarn global add gastby-cli

script

develop
build
serve

结构-范式

├── content
├── gatsby-browser.js
├── gatsby-config.js // 主要配置文件
├── gatsby-node.js // 视图层配置
├── package.json
├── public
├── src├── components // 组件├── pages // 页面文件├── templates // 模版文件

Gatsby 采用约定式路由，page文件夹要注意，全都是采用小写命名，例如：

about.js ==> http://localhost/about/

另外在生产页面的时候 createPage 可以手动设置路由，但是还是建议遵守约定

Data

数据层，Gatsby 使用的是Graphql，文档

Gatsby 是自带图像调试界面的

http://localhost:8000/___graphql

Gatsby精粹，面向未来的blog相关推荐

王飞跃 | 面向未来的AI人才应该具备这3种思维
来源:湛庐阅读作者:王飞跃苇草智酷学术委员.中科院自动化研究所复杂系统与智能科学重点实验室主任.中国科学院社会计算与平行系统研究中心主任当今最好的人工智能程序到底有多智能?它们是如何工作的?能 ...
日本面向未来的特定科技领域技术预见分析
作者:王达,中国科协创新战略研究院本文转载自微信公众号科学家,原载于<今日科苑>2020年第5期目前,全球面临的环境.人口变化.资源.粮食和能源安全等问题亟待解决,先进的测量技术与信息 ...
访中科曙光智能计算技术总监许涛：重新认识面向未来的AI服务器和云计算中心...
雷锋网消息,2018年11月20日,NVIDIA在苏州召开了GTC China 2018大会.与会者对这场技术大会的期待不仅在于NVIDIA本身,对于其产品和技术在国内的具体应用也倍加关注. 在本次大 ...
邮件整体解决方案_面向未来的冻干机进出料解决方案：阿尔法（ALUS）系列自动进出料系统...
01 自动进出料的现状冻干机进出料系统诞生于20世纪80年代初,是运用自动化技术,在满足法规的前提下,完成半加塞西林瓶从灌装机到冻干机,冻干机到轧盖机的一种全自动衔接设备.经历几十年的发展已形成几大 ...
“面向未来，有效保护”——深信服安全理念详解
有这样一家公司,在2000年12月成立时还是一家名不见经传的小安全公司,三个人.一个办事处便是它当年所有的人员配置.而18年后的今天,他已经成为一家专注于企业级安全和云业务,坐拥50多家办事处,拥有五 ...
2021技术文大盘点 | 打包过去，面向未来
先用四句诗词快速描述一下我的写作心得 1. 只在此山中,云深不知处作为开发人员,常执着于机器0,1代码,非假既真:真实世界是很主观的,需要精致细节,更多时候需要全局把控. 带着问题写作,对事物理解 ...
.NET Core：面向未来的开源跨平台开发技术
作为一种全新的开源和跨平台的开发平台,.NET Core 历经两年多的开发,终于在于2016年6月27日针对所有主流服务器和桌面操作系统发布 1.0 RTM 版本..NET Core 是一种通用开发平 ...
频谱知识图谱：面向未来频谱管理的智能引擎人工智能技术与咨询
频谱知识图谱:面向未来频谱管理的智能引擎人工智能技术与咨询 4天前本文来自<通信学报>,作者孙佳琛等关注微信公众号:人工智能技术与咨询.了解更多咨询! 1 引言频谱管理是指综合运用 ...
阿里推出会议AI助理“听悟”，面向未来会议
10月21日,杭州云栖大会上,阿里巴巴达摩院发布软硬件结合语音产品"听悟".相比只能逐字转写的上一代语音产品,"听悟"是面向未来会议的AI助理,集成了达摩院最新 ...