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

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

使用 netlify deploy 你的網站

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

推薦直接用 GitHub 登陸

netlify 獲取權限

設置指令

都確定以後其實系統已經開始自動 build 你的項目了。你可以在 deploy 頁面查看 build 進度。

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

域名購買

很多人推薦在 GoDaddy 購買域名,但是,其實你直接看到售價是很便宜,不過續費就完全比其他網站都貴了。

稍微查了一下發現 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`]

下一步

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章