iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 2
0
Modern Web

使用Gatsby督促我的姊姊成為部落客!!!系列 第 2

# Day 02 -姊,先給你看它已發布在網上了。部屬靜態網站新選擇 Netlify

  • 分享至 

  • xImage
  •  

由於昨天阿姊仔,已開始問起部落格欸,於是先把樣板發步上去,讓他看到外表好了,所以今天是利用 Netlify 去部屬網站。

首先到 官網註冊帳號

登入後在 dashboard ,可看到 Drag and drop your site folder here

此方法,可以不用 import git repo,而是直接把 build 完的 public 資料夾,拖曳到此區域,藉可佈署

要記得,如果有環境變數,要 create .env.production,把 production 環境變數設置好

下 build 指令

yarn build or gatsby build

得到 public 資料夾

拖曳後拉放資料夾

在 Site settings > Change site name


可以更改網站名稱:

若 production 的狀態是綠色的 Published,代表網站已成功 deploy

即可從這串網址,複製給姊姊,先交差了事,說我有在幫她弄部落格喔


上一篇
Day 01 - 挑個 CMS ,把姐姐挑好的模板上上去囉!
下一篇
Day 03 - 安裝本機的 wordpress,利用老牌的 CMS 作為 Gatsby 的後台
系列文
使用Gatsby督促我的姊姊成為部落客!!!13
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言