使用 Gatsby.js 搭建靜態(tài)博客 5 博客上線(xiàn)

KnewOne 發(fā)布于2019-08-23 14:26 / 2279人閱讀

摘要：原文鏈接這真的是最簡(jiǎn)單的一步啦使用你的網(wǎng)站是一個(gè)可以幫助你自動(dòng)部署網(wǎng)站的平臺(tái)。詳細(xì)設(shè)置可以在查看，可以進(jìn)行構(gòu)建環(huán)境變量等相關(guān)配置。

原文鏈接：https://ssshooter.com/2018-12...

這真的是最簡(jiǎn)單的一步啦～

使用 netlify deploy 你的網(wǎng)站

netlify 是一個(gè)可以幫助你自動(dòng)部署網(wǎng)站的平臺(tái)。你可以選擇自己買(mǎi)服務(wù)器，運(yùn)行 build 然后推送到自己服務(wù)器（或者直接使用 gh-pages），但是使用 netlify 你只需要正常推送項(xiàng)目到 GitHub，netlify 就會(huì)自動(dòng)給你 deploy，這項(xiàng)服務(wù)是免費(fèi)的。

推薦直接用 GitHub 登陸

netlify 獲取權(quán)限

設(shè)置指令

都確定以后其實(shí)系統(tǒng)已經(jīng)開(kāi)始自動(dòng) build 你的項(xiàng)目了。你可以在 deploy 頁(yè)面查看 build 進(jìn)度。

詳細(xì)設(shè)置可以在 settings 查看，可以進(jìn)行構(gòu)建、環(huán)境變量、hook 等相關(guān)配置。除了 deploy 功能外，netlify 還有很多其他服務(wù)，例如可以為你提供登陸系統(tǒng)，或是表單服務(wù)。

域名購(gòu)買(mǎi)

很多人推薦在 GoDaddy 購(gòu)買(mǎi)域名，但是，其實(shí)你直接看到售價(jià)是很便宜，不過(guò)續(xù)費(fèi)就完全比其他網(wǎng)站都貴了。

稍微查了一下發(fā)現(xiàn) namesilo 口碑貌似不錯(cuò)，最重要的是便宜，雖然這家網(wǎng)站的樣式真的很老

云服務(wù)器 GPU云服務(wù)器云服務(wù)器博客上線(xiàn) 靜態(tài)博客博客靜態(tài)html php靜態(tài) 博客系統(tǒng)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/100620.html

相關(guān)文章

創(chuàng)造屬于自己的靜態(tài)博客

摘要：所以自己定值博客，或許可以讓自己堅(jiān)持更新下去。配合上語(yǔ)雀的文章發(fā)布推送絕配，于是有了這么個(gè)功能專(zhuān)題。可以前往我的博客閱讀：https://ssshooter.com/2019-02... 0 前言本文并不是從 0 開(kāi)始使用 gatsby.js 搭建博客，starter 使用的是 gatsby-starter-blog。使用 gatsby-starter-blog 可以大量節(jié)省項(xiàng)目搭...

Channe 2019-08-23 15:05 評(píng)論0 收藏0
使用 Gatsby.js 搭建靜態(tài)博客 EX 使用語(yǔ)雀發(fā)布到博客

摘要：原文鏈接偶然看到通過(guò)語(yǔ)雀發(fā)布文章到靜態(tài)博客，很方便，實(shí)現(xiàn)過(guò)程也很有意思。我的配置接收推送此時(shí)在語(yǔ)雀發(fā)布文章，接口就會(huì)收到推送的文章信息。原文鏈接：https://ssshooter.com/2019-01... 偶然看到通過(guò)語(yǔ)雀 webhook 發(fā)布文章到 Hexo 靜態(tài)博客，很方便，實(shí)現(xiàn)過(guò)程也很有意思。同樣的原理可以運(yùn)用到 Gatsby.js 博客上。因?yàn)槭褂昧?netlify，...

DoINsiSt 2019-08-23 14:47 評(píng)論0 收藏0
使用 Gatsby.js 搭建靜態(tài)博客 1 關(guān)鍵文件

摘要：原文地址靜態(tài)博客之前也有搭建過(guò)，不過(guò)使用一鍵生成的，其實(shí)當(dāng)時(shí)也有考慮過(guò)，不過(guò)這個(gè)框架搭建博客入門(mén)還是比較難的，前置知識(shí)點(diǎn)包括和。使用建立項(xiàng)目已經(jīng)自帶了不少插件，但在我的搭建過(guò)程中仍然有一些需要自己添加的。原文地址：https://ssshooter.com/2018-12... 靜態(tài)博客之前也有搭建過(guò)，不過(guò)使用 Hexo 一鍵生成的，其實(shí)當(dāng)時(shí)也有考慮過(guò) Gatsby，不過(guò)這個(gè)框架搭...

mzlogin 2019-08-23 13:58 評(píng)論0 收藏0
使用 Gatsby.js 搭建靜態(tài)博客 2 實(shí)現(xiàn)分頁(yè)

摘要：原文地址使用搭建靜態(tài)博客關(guān)鍵文件本文將會(huì)介紹如何為初始項(xiàng)目添加分頁(yè)功能。不過(guò)由于本來(lái)就打算重寫(xiě)樣式，這一塊可以放心刪掉處理完這個(gè)問(wèn)題你的新博客就實(shí)現(xiàn)分頁(yè)功能了下一步是樣式的相關(guān)調(diào)整，留到下一篇繼續(xù)講原文地址：https://ssshooter.com/2018-12... 使用 Gatsby.js 搭建靜態(tài)博客 1 關(guān)鍵文件 0 && ( ← 上一頁(yè) ...

william 2019-08-23 13:59 評(píng)論0 收藏0
使用 Gatsby.js 搭建靜態(tài)博客 3 樣式調(diào)整

摘要：成功添加樣式當(dāng)然，除了，還有其他樣式如等，還有其他可以看官網(wǎng)右側(cè)的選項(xiàng)。不過(guò)比較麻煩的是覆蓋樣式需重啟服務(wù)才能生效不能嵌套選擇器這是一個(gè) 原文鏈接：https://ssshooter.com/2018-12... 回顧：使用 Gatsby.js 搭建靜態(tài)博客 2 實(shí)現(xiàn)分頁(yè) 修復(fù)代碼高亮為了測(cè)試樣式，隨便找一個(gè)以前的 .md 文件粘貼到 blog 項(xiàng)目中渲染看看效果： showImg(...

Julylovin 2019-08-23 14:04 評(píng)論0 收藏0