使用 Gatsby.js 搭建靜態博客 5 博客上線

原文連接:https://ssshooter.com/2018-12...服務器

這真的是最簡單的一步啦~app

使用 netlify deploy 你的網站

netlify 是一個能夠幫助你自動部署網站的平臺。你能夠選擇本身買服務器,運行 build 而後推送到本身服務器(或者直接使用 gh-pages),可是使用 netlify 你只須要正常推送項目到 GitHub,netlify 就會自動給你 deploy,這項服務是免費的。dom

推薦直接用 GitHub 登錄ssh

netlify 獲取權限網站

設置指令ui

都肯定之後其實系統已經開始自動 build 你的項目了。你能夠在 deploy 頁面查看 build 進度。搜索引擎

詳細設置能夠在 settings 查看,能夠進行構建、環境變量、hook 等相關配置。除了 deploy 功能外,netlify 還有不少其餘服務,例如能夠爲你提供登錄系統,或是表單服務。spa

域名購買

不少人推薦在 GoDaddy 購買域名,可是,其實你直接看到售價是很便宜,不過續費就徹底比其餘網站都貴了。.net

稍微查了一下發現 namesilo 口碑貌似不錯,最重要的是便宜,雖然這家網站的樣式真的很老 😂插件

netlify 自定義域名設置

由於我已經加了域名因此回不去了,細節步驟記得不是很清楚...

簡單來講,點擊那個大大的 Set up a custom domain,在 netlify 提交你已經購買的域名,而後 netlify 還提供了 DNS 服務,按指引操做便可。

關於 DNS

原本,你要訪問一個網頁是必須知道網頁的 IP 地址,可是數字很差記,因此出現了域名。可是域名怎麼跟 IP 關聯呢?DNS 就像一個電話本,你能夠拿着網站的域名問 DNS:這個網站的 IP 是什麼?他告訴你了,便能訪問了。(不負責任推測)印象中好久好久以前,改 DNS 能夠訪問谷歌,大概是由於那時候的牆只是破壞了域名服務這一步吧?

因此,你擁有域名了,就能在 DNS 把你的域名「關聯」到某個 IP,結果,訪問你的域名,就能如願訪問你的服務器了。

關於 TTL

TTL(Time to live)是你修改域名服務器以後舊數據保留的時間,namesilo 的最低 TTL 也得是 3600,因此不要着急,等一小時左右就 OK 了。

生成 sitemap

有了本身的網站,你必定會想向谷歌等搜索引擎提交網址,可是總不能一條條手輸吧?這個時候就須要用到 sitemap 了。

Gatsby 固然是有生成 sitemap 的插件的——gatsby-plugin-sitemap

安裝,而後在配置文件加上便可,sitemap 會輸出在根目錄。

// In your gatsby-config.js
siteMetadata: {
  siteUrl: `https://www.example.com`,
},
plugins: [`gatsby-plugin-sitemap`]

下一步

評論系統的實現,方法多樣,任君選擇。

相關文章
相關標籤/搜索