ryosuke gatsby blog
1.0.0
使用Gatsbyjs框架创建的个人投资组合和博客，以生成静态反应的网站。它是快速，SEO和PWA友好的闪电，直接部署到GitHub页面或Netlify等CDN。
这是用GO或Ruby编写的静态站点生成器解决方案的JavaScript替代方法。与盖茨比（Gatsby）首发博客相比，它还具有充实的功能，其功能包括博客档案，图像处理，SEO优化等等。
---
title : Deploy a Static React Blog using GatsbyJS and Github
date : " 2018-03-21 "
section : blog
cover_image : " ./[email protected] "
tags : [ 'design', 'development', 'react', 'github', 'gatsbyjs', 'ssg', 'static site generator' ]
---
Your post hereblog或project 。要嵌入Codepen模块，只需复制嵌入代码并删除导入的JS脚本即可。
通过将嵌入代码的块部分复制到您的Markdown文件中，将Tweet无缝嵌入到帖子中。不要复制链接的JS文件，该插件会自动处理。
在gatsby-config.js中配置。
在gatsby-config.js中配置。
在gatsbyjs上运行，这是一种创建静态反应应用的SSG。
npm installnpm run develop我们在本地构建文件，然后使用NPM脚本部署，该脚本更新一个名为gh-pages特定Git Repo分支。
为了启用此功能，只需在项目中初始化git存储库，提交您的更改，然后将GitHub回购添加为远程存储库即可。确保将遥控器标记为origin ，否则Gatsby部署将不知道要推出哪个仓库。
部署站点到origin远程存储库：
npm run deploy
git pull以确保您有最新的帖子并合并任何冲突。src/content/projects或src/content/blog以您的帖子命名。这将被转换为文章的slug-您不需要“烤肉串”标题，而是要牢记格式。<img src="./my-image.jpg" />在本地链接。npm run deploy以部署到GitHub页面。该站点也能够在Netlify上部署。只需登录即可netlify，创建一个新应用，然后指向此存储库。按照这些步骤操作，确保Netlify正在运行gatsby build并指向/public目录。这还允许您使用NetLify CMS，因为它需要一台用于OAuth2支持的服务器，并在NetLify上托管允许您重新构建每个编辑（而不是从您的个人机器构建并从那里部署）。
