我们一直致力于使DropInBlog与您喜欢的网站平台兼容。在过去的几个月里，我们一直在整合一个插件和一个使用DropInBlog的启动器盖茨比，一种流行的JavaScript框架反应．
我们的新gatsby-source-dropinblog插件将允许您直接喂DropInBlog到您的盖茨比项目，和我们的gatsby-starter-dropinblog将让你启动并运行由DropInBlog提供动力的整个盖茨比项目。
有两种方法可以开始使用盖茨比和DropInBlog:你可以安装gatsby-source-plugin直接投入到你现有的《盖茨比》项目中，或者使用我们的初始项目，里面有你需要的一切。看看我们在Netlify上的现场演示．
开始
你可以使用npm或yarn来克隆repo:
$ git克隆https://github.com/DropInBlog/gatsby-starter-dropinblog.git $ yarn install
或者使用盖茨比的CLI:
$ gatsby新博客https://github.com/DropInBlog/gatsby-starter-dropinblog.git
一旦启动器设置和安装，你需要添加你的DropInBlog ID到gatsby-node.js项目中的文件。看看下面的示例代码:
模块。出口= {
siteMetadata: {
标题:“DropInBlog启动器”，
描述:“一个快速而简单的盖茨比解决方案，实现功能丰富的博客”，
作者:约书亚·霍尔
}，
插件:[
“gatsby-plugin-sass”,
“gatsby-plugin-emotion”,
｛
解决:“gatsby-source-dropinblog”,
选择:{
id:“< YOUR_UNIQUE_ID >”,
}，
}，
),
｝
$ yarn添加gatsby-source-dropinblog
插件:[
｛
解决:“gatsby-source-dropinblog”,
选择:{
id:“< YOUR_UNIQUE_ID >”,
}，
}，
］
大旅行
这个启动器带有一堆漂亮的模块，可以让您开始使用。它使用脉轮UI框架的所有组件(并导入Tailwind作为重置)。Chakra允许您添加响应性和可访问的组件，同时添加最少的CSS。如果你不喜欢它，你可以替换它，而不需要删除一堆sass文件。
一旦您启动了开发服务器，您将看到主页和所有帖子的网格。每篇文章都可以让你选择进入文章本身、分类页面或作者简介。
你也可以在网站上找到所有的作者和他们的内容作者页面。
使用存档页面浏览已发表文章的完整集合。我们用过gatsby-awesome-pagination插件限制每页3个帖子，你可以改变gatsby-node.js并添加一个简单的寻呼机。
封闭的思想
我们已经尽力为您提供了所需的一切，就像我们的片段一样，所以您不需要浪费时间撤消您不喜欢的样式。我们的启动器和源插件在GitHub上都是开源的，所以欢迎你深入研究代码，提出问题甚至提交拉请求。