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上託管允許您重新構建每個編輯（而不是從您的個人機器構建並從那裡部署）。
