2021-06-03 乐帮网
web react
Gatsby是一个以React为基础UI框架依赖于NodeJS的静态内容管理系统(CMS)网站而服务,集成了很多产品类网站所需要的功能,包括:版本化、国际化、站内检索等。
Gatsby是一个拥有丰富插件的框架,它就提供了这样一个插件 来让网站和 contentful进行集成,配置内容如下:
// In your gatsby-config.js
plugins: [
{
resolve: `gatsby-source-contentful`,
options: {
spaceId: `your_space_id`,
accessToken: `your_access_token`,
},
},
];
虽然上手有点难度但是如果基础比较扎实的话还是挺快的。学习它需要你有React,nodejs方面的基础以及一些Web技术。GraphQL在react中是必须会的,否则高级功能做不出来。
可以实现的功能有以下:
使用 GraphQL 将您的网站标题查询出来渲染到博客标题中。
数据源插件和数据渲染: 使用数据源插件查询 Markdown 博客文章数据并渲染到您的网站上,并创建一个包含博客文章列表的索引页。
数据转换插件: 使用转换插件将 Markdown 格式的博客文章转换为博客可以渲染的格式。
基于数据编程创建页面: 了解如何以编程方式为博客文章创建一组页面。
建议参考官方教程:https://www.gatsbyjs.cn/tutorial/
关注我的微信公众号
在公众号里留言交流
投稿邮箱:1052839972@qq.com
庭院深深深几许?杨柳堆烟,帘幕无重数。
玉勒雕鞍游冶处,楼高不见章台路。
雨横风狂三月暮。门掩黄昏,无计留春住。
泪眼问花花不语,乱红飞过秋千去。
如果感觉对您有帮助
欢迎向作者提供捐赠
这将是创作的最大动力