<var id="xpn71"></var>
<ins id="xpn71"></ins>
<cite id="xpn71"><noframes id="xpn71">
<ins id="xpn71"></ins>
<cite id="xpn71"></cite><del id="xpn71"></del> <var id="xpn71"><dl id="xpn71"></dl></var>
<ins id="xpn71"><span id="xpn71"><listing id="xpn71"></listing></span></ins>
<cite id="xpn71"><dl id="xpn71"></dl></cite><ins id="xpn71"></ins>
<thead id="xpn71"><dl id="xpn71"><progress id="xpn71"></progress></dl></thead>
<var id="xpn71"><dl id="xpn71"><listing id="xpn71"></listing></dl></var>
<listing id="xpn71"></listing>
<var id="xpn71"></var><cite id="xpn71"><dl id="xpn71"></dl></cite> <cite id="xpn71"><dl id="xpn71"></dl></cite><menuitem id="xpn71"><dl id="xpn71"><listing id="xpn71"></listing></dl></menuitem>
<progress id="xpn71"><ruby id="xpn71"><span id="xpn71"></span></ruby></progress>
<ins id="xpn71"></ins>
<cite id="xpn71"></cite>
<thead id="xpn71"></thead>
<cite id="xpn71"><video id="xpn71"><thead id="xpn71"></thead></video></cite>
<cite id="xpn71"></cite>
<ins id="xpn71"><dl id="xpn71"></dl></ins>
<thead id="xpn71"><dl id="xpn71"><address id="xpn71"></address></dl></thead>
<thead id="xpn71"></thead><cite id="xpn71"></cite>
<thead id="xpn71"></thead>
<cite id="xpn71"><dl id="xpn71"></dl></cite>
<ins id="xpn71"></ins><address id="xpn71"><i id="xpn71"><th id="xpn71"></th></i></address>

Netlify優秀的靜態博客托管平臺-自動編譯部署生成Web網站可綁域名支持SSL

免費空間   2017年05月26日 21:45  

Netlify優秀的靜態博客托管平臺-自動編譯部署生成Web網站可綁域名支持SSL

最近因為Coding對免費用戶的pages服務強加跳轉提示廣告,讓不少人不得不將自己的博客遷回Github。但是Github也有一些無法克服的缺陷:一是訪問速度不是很穩定;二是想上SSL只能通過CloudFlare實現。并且CloudFlare訪問速度和穩定性都不太好。

今天推薦的netlify則是國外一家提供靜態網絡托管服務的綜合平臺,專注于靜態網站托管的web服務平臺,可以完美的取代Coding。 Netlify完美且免費支持的ssl、域名綁定、http/2和TLS。最重要的就是,管理方式用git方法傳遞給github、gitlab或者是Bitbucket,然后Netlify就能自動編譯并生成靜態網站。

對于想要使用Jekyll、、Hugo等靜態搭建網站,又害怕復雜的本地環境配置的朋友,Netlify支持自動編譯Jekyll、、Hugo等常見的靜態博客程序真得是太方便了。另外,Netlify也是一個非常好的靜態空間,如果你有用紙小墨 inkPaper或者Html網頁,直接就可以上傳發布到空間上了。

如果你喜歡靜態網站和博客,你可以試試以下方法:

Netlify優秀的靜態博客托管平臺-自動編譯部署生成Web網站可綁域名支持SSL

一、 Netlify使用前準備:熟悉Github和Git

1、Github官網:

  • 1、官方網站:https://github.com/

2、Netlify代碼來自于Github、Gitlab或者BitBucket,所以你需要請先在Github、Gitlab或者BitBucket上建立一個代碼庫,并將自己的網頁內容git上傳到這個代碼庫中。Github建庫,請看這篇文章:Github空間在線寫文章

3、用過Github空間的朋友,都知道Github上的Repos都是公共的,除非你愿意付費,否則你放在Github上的代碼都能被所有人下載到。而Bitbucket的免費版本的用戶可以有無限的私有Repos。如果想要使用Bitbucket,參考:Bitbucket免費代碼托管空間

4、Git使用。Git是目前世界上最先進的分布式版本控制系統,有愿意使用靜態的博客的朋友建議系統學習一下Git。如果你只時想要建立一個靜態博客,也可以使用Github Desktop,它可以讓你像管理FTP那樣上傳更新代碼,新手朋友再也不用害怕命令了。

二、申請Netlify免費空間

1、Netlify官網:

  • 1、官方首頁:https://www..com/

2、 首先是到netlify申請注冊一個賬號。這里可以使用Github、Gitlab以及Bitbucket直接授權登陸。然后登錄到空間管理中心,點擊右上角的“New site from Git”添加網站。

Netlify添加新的網站

3、然后根據自己的托管平臺,可以選擇GitHub、GitLab或者BitBucket。我們以最常用的GitHub為演示例子。(選擇GitHub的同學,別忘了勾選下方的“Limit GitHub access to public repositories.”選項)

Netlify登錄到Github

4、點擊GitHub之后會彈出一個讓你授權的窗口,然后點擊“Authorize netlify”之后,就會在netlify中讀取你所有的代碼庫。 (點擊放大)

Netlify授權登錄賬號

5、 點擊你已經建好的庫,選好分支(默認master即可),然后點擊“Deploy site”,系統就會自動編譯你的靜態頁面了。同時還會給出你的頁面二級域名等信息。(點擊放大)

Netlify確認編譯

6、點擊創建后,稍等一會兒,你就可以看到Netlify免費靜態空間已經創建成功了,同時你在GitHub的代碼也成功在Netlify運行了。 (點擊放大)

Netlify創建成功

三、快速在Netlify建立Jekyll、Hexo、Hugo靜態博客

1、開源靜態博客程序網站:

  • 1、網站首頁:https://www.staticgen.com/

2、StaticGen是Netlify旗下另一個開源的靜態博客程序網站,這里匯集了大部分開源的靜態博客程序,而Jekyll、Hexo、Hugo等幾款常見的博客程序則可以一鍵部署到Netlify空間上。

Netlify一鍵部署

3、這里以Hexo為例,點擊后跳轉到Netlify頁面,登錄你的Github賬號。

Netlify跳轉到登錄

4、命令一個新的項目名稱。

Netlify命名一個項目

5、稍等一會兒,Netlify就會自動編譯好Hexo博客,完成后如下圖所示,你可以直接訪問它給的二級域名了:(點擊放大)

Netlify完成博客創建

四、Netlify文件管理-用GitHub Desktop圖形化管理Github

1、Netlify文件管理直接通過Git提交修改到Github,然后Netlify就會自動執行編譯和部署了。不想使用Git的朋友,可以使用GitHub Desktop軟件來管理Github空間代碼。

3、GitHub Desktop安裝后,使用你的Github賬號登錄,然后你就可以開始下載、修改和上傳代碼文件了。這個就是GitHub Desktop軟件界面了。

GitHub Desktop管理界面

4、以修改Hexo主題為例,首先找到一個漂亮的Hexo主題,從Github打包下載下來。

GitHub Desktop下載主題

5、然后將你在Github與Netlify連接創建好的項目通過GitHub Desktop下載到本地,進入到theme文件夾中。

GitHub Desktop本地文件

6、將下載下來的Hexo主題文件解壓放在theme文件夾中。

GitHub Desktop進入主題文件夾

7、然后,修改配置文件_config.yml,將里面theme修改為你的主題,保存。

GitHub Desktop修改配置文件

8、現在打開GitHub Desktop軟件,你會在Changes中看到文件變化,提示你提交變化。(點擊放大)

GitHub Desktop提示變化

9、輸入描述,點擊提交。

GitHub Desktop確定提交

10、點擊GitHub Desktop右上角的同步按鈕,將文件上傳到GitHub中,稍等一會兒,你就可以在Netlify那邊也看到代碼執行后的結果了。

GitHub Desktop執行成功

五、Netlify綁定域名方法

1、點擊Netlify頁面左上角netlify的logo,你便可以進入靜態空間的設置中心。然后請先記錄下系統默認給你分配的二級域名,稍后會用到。在接下來點擊“set up domain”,輸入你要綁定的域名,點擊“save”保存即可。

Netlify綁定域名

2、輸入你想要綁定的域名。

Netlify輸入自己的域名

3、確認后,你就可以看到域名已經成功綁定上了。你可以隨時修改域名綁定。

Netlify綁定成功

4、到你的域名DNS解析處,修改域名的CNAME記錄,記錄值就是剛剛你記下的Netlify二級域名。

Netlify作域名DNS記錄

5、域名綁定完成。

Netlify解析完成

六、Netlify添加免費SSL證書

1、設置完成域名綁定之后,設置中心的選項會有少許變化。會增加一個Enable HTTPS的選項。

Netlify開啟Https

2、點進去,然后選擇“Let’s Encrypt Certificate”按鈕,系統會自動簽發Let’s Encrypt證書給你的站點。

Netlify簽發域名

3、不過前提條件是你的域名已經解析生效了。如果解析還沒有生效,那么體會提示“簽發失敗”的錯誤。

Netlify生成證書成功

4、如果你想一直使用Https訪問的話,可以勾選強制所有的訪問轉為Https。

Netlify強制跳轉

5、Netlify添加免費SSL證書成功。

Netlify添加證書成功

6、Netlify空間演示:

  • 1、博客演示:https://blog.ps/
  • 2、主頁演示:https://preacher-chipmunk-31460.netlify.com/freehao123/
  • 3、綁定域名:https://netlify.freehao123.info/

七、Netlify空間使用技巧

1、Netlify可以直接添加html代碼。在Netlify面板可以直接一鍵添加html代碼到你的網站</body></head>之前,這樣你就可以很方便的把網站統計代碼加到網站上了。

Netlify添加代碼

2、Netlify可以設置變量及命令。Netlify的免費用戶可以為自己的網站設置環境變量、hooks等等。而付費用戶則可以為網站設置更加詳細的SEO優化。(點擊放大)

Netlify設置變量

3、Netlify的訪問速度不錯。在首頁的地圖標注上,是有國內節點的(當然也有可能是宣傳畫而已)。實測大陸訪問全部解析到Amazon日本東京節點上,速度表現尚可。

Netlify速度快

文章出自:blog.ps博主投稿,由免費資源部落編輯整理,版權所有。本站文章除注明出處外,皆為作者原創文章,可自由引用,但請注明來源。

您或許對下面這些文章有興趣:                    本月吐槽辛苦排行榜

在這個部落村莊里,已經有41 位神馬家族成員冒出泡來在農場開始干活了
  • 洛克 14

    紫薯補丁

    這是農場的第 1 塊農田,部落批準 [洛克] 在[2017-5-26 22:07]開墾完成.
  • RR233CY 18

    靜態博客是巨坑,慎入

    這是農場的第 2 塊農田,部落批準 [RR233CY] 在[2017-5-26 22:22]開墾完成.
  • 靜態博客玩不轉……

    qi 回復:

    @雪丫頭, 這個空間是一鍵幫助生成靜態博客的,只要在Github更新就好了。

    雪丫頭 回復:

    @qi, GitHub的desktop似乎只支持64位的系統啊?我32位的沒安裝成功。

    qi 回復:

    @雪丫頭, 我的就是在32位的,下載頁面最下方的測試版本的,支持32的。

    雪丫頭 回復:

    @qi, 我試試看。還想請教下,這個SSL是半程的還是全程的?會不會跟Cloudflare一樣是半程的?我昨天剛搞定,不知道三個月之后,證書會不會自動續期?

    qi 回復:

    @雪丫頭, 是全程的。三個月后會自動續期。另外,Cloudflare的免費SSL現在也有全程的了。

    雪丫頭 回復:

    @qi, 這個真好,能自動續期。使用這個免費的SSL完全沒壓力。

    qi 回復:

    @雪丫頭, 是的,很不錯的。

    這是農場的第 3 塊農田,部落批準 [雪丫頭] 在[2017-5-26 22:53]開墾完成.
  • EQ 4

    :grin: 還是動態的比較好。。不習慣奇葩的第三方評論框

    qi 回復:

    @EQ, 第三方評論容易掛掉。

    這是農場的第 4 塊農田,部落批準 [EQ] 在[2017-5-27 00:37]開墾完成.
  • Kreen 3

    靜態還是比較需要手動能力,轉出也不是很方便,曾經跳去玩 hexo 又跑回用 wordpress。
    工程師朋友老愛說我寫個 blog 用 wordpress 是殺雞用牛刀,但我覺得簡單使用挺好的,指甲刀也可以殺雞,但不挺累人的嘛。

    qi 回復:

    @Kreen, WP就是功能強大,易用好。

    這是農場的第 5 塊農田,部落批準 [Kreen] 在[2017-5-27 02:56]開墾完成.
  • qiuyming 7

    搬#瓦工又開始鬧動靜了:全面調整配置,加機房,調整了配置

    qiuyming 回復:

    最后那句不要,再附上機房列表

    這是農場的第 6 塊農田,部落批準 [qiuyming] 在[2017-5-27 12:47]開墾完成.
  • qiuyming 7

    手機沒法發圖了

    qi 回復:

    @qiuyming, KVM終于開始賣了。

    qiuyming 回復:

    @qi, 原來的洛杉磯變成QuadraNet和MultaCom兩個機房了,另外上了加拿大機房

    qi 回復:

    @qiuyming, 哦,我以前用他們家的,貌似現在便宜了。

    這是農場的第 7 塊農田,部落批準 [qiuyming] 在[2017-5-27 12:50]開墾完成.
  • 蝸牛科技 2

    求博主寫個digitalocean安裝window教程

    qi 回復:

    @蝸牛科技, 官方不支持windows,雖然說強行安裝也可以,但是總感覺不怎么穩定,還不如直接用那些支持Windows的KVM VPS。這里發現有一個非常詳細的教程:https://www.whatuptime.com/installing-microsoft-windows-onto-digitalocean-droplet/

    蝸牛科技 回復:

    @qi, 這個需要支付5美元才能看全部步驟啊

    qi 回復:

    @蝸牛科技, 不是吧。我看到了所有的步驟。這里還有一個中文的教程,也是可以的:https://techcat.me/archives/409

    蝸牛科技 回復:

    @qi, 感謝

    李毅哲 回復:

    @蝸牛科技, 要安裝Windows應該用Vultr比較理想

    蝸牛科技 回復:

    @李毅哲, 因為有優惠嘛,利用一下

    RR233CY 回復:

    @蝸牛科技, Vultr比digitalocean更優惠

    這是農場的第 8 塊農田,部落批準 [蝸牛科技] 在[2017-5-27 16:11]開墾完成.
  • 靜態博客不是很容易備份嗎?不過我是玩不轉。
    話說,我之前(幾個月前吧)投稿了postach.io的文章,沒信兒啊

    qi 回復:

    @Unee Wang, 是去年吧。postach.io這個資源已經有讀者投稿過了:http://www.abzo.tw/pancake-io-postach-io/,你發來時一看已經收費了。就沒有發出來了。

    這是農場的第 9 塊農田,部落批準 [Unee Wang] 在[2017-5-29 01:06]開墾完成.
  • Qi,Coding的404頁面是默認的,我們自己可以加入一個404.html

    ZFirst 回復:

    @ZFirst, 你可以看看我的網站

    ZFirst 回復:

    @ZFirst, 難怪我沒有跳轉廣告,原來是Coding送了我兩個月金牌用戶…

    這是農場的第 10 塊農田,部落批準 [ZFirst] 在[2017-5-29 16:58]開墾完成.
  • 好久沒來了,沒想到注冊還要邀請碼,哈哈,給你Q留言了
    有個疑問,想請教一下,有沒有搜索引擎或什么公司,提供搜索結果的服務的?比如,我有個app,想增加一個快速顯示需要的內容的搜索功能,面向整個互聯網的!有沒有這種服務的?

    qi 回復:

    @耳屎網, 有的,用這個:Swiftype,有企業版本的,是付費的。Algolia,這個有免費的。

    這是農場的第 11 塊農田,部落批準 [耳屎網] 在[2017-6-1 01:12]開墾完成.
  • 我們網站最近有免費的香港空間可以領取。。。有興趣可以看看,非廣告

    這是農場的第 12 塊農田,部落批準 [香港服務器] 在[2017-6-12 15:36]開墾完成.
  • fa

    qi請問出現Build script returned non-zero exit code: 127是什么原因?

    fa 回復:

    @fa, 我剛剛重新部署了,沒有填build command,但為什么網站顯示的是模板源碼呢?

    這是農場的第 13 塊農田,部落批準 [fa] 在[2017-6-22 06:43]開墾完成.
  • 2

    還是動態的比較好

    這是農場的第 14 塊農田,部落批準 [緣] 在[2017-10-19 19:46]開墾完成.
  • 2

    e3a0be8fd0c8f6e413735cc513c9b315fd24p安裝時出現亂碼,怎么辦

    這是農場的第 15 塊農田,部落批準 [緣] 在[2017-10-28 16:13]開墾完成.
  • 2

    已經好了,謝謝

    這是農場的第 16 塊農田,部落批準 [緣] 在[2017-10-28 16:13]開墾完成.
看貼要回貼有N種理由!看帖不回貼的后果你懂得的!


評論內容 (*必填):
(Ctrl + Enter提交)   

部落快速搜索欄

各類專題梳理

網站導航欄

X
?
返回頂部
<var id="xpn71"></var>
<ins id="xpn71"></ins>
<cite id="xpn71"><noframes id="xpn71">
<ins id="xpn71"></ins>
<cite id="xpn71"></cite><del id="xpn71"></del> <var id="xpn71"><dl id="xpn71"></dl></var>
<ins id="xpn71"><span id="xpn71"><listing id="xpn71"></listing></span></ins>
<cite id="xpn71"><dl id="xpn71"></dl></cite><ins id="xpn71"></ins>
<thead id="xpn71"><dl id="xpn71"><progress id="xpn71"></progress></dl></thead>
<var id="xpn71"><dl id="xpn71"><listing id="xpn71"></listing></dl></var>
<listing id="xpn71"></listing>
<var id="xpn71"></var><cite id="xpn71"><dl id="xpn71"></dl></cite> <cite id="xpn71"><dl id="xpn71"></dl></cite><menuitem id="xpn71"><dl id="xpn71"><listing id="xpn71"></listing></dl></menuitem>
<progress id="xpn71"><ruby id="xpn71"><span id="xpn71"></span></ruby></progress>
<ins id="xpn71"></ins>
<cite id="xpn71"></cite>
<thead id="xpn71"></thead>
<cite id="xpn71"><video id="xpn71"><thead id="xpn71"></thead></video></cite>
<cite id="xpn71"></cite>
<ins id="xpn71"><dl id="xpn71"></dl></ins>
<thead id="xpn71"><dl id="xpn71"><address id="xpn71"></address></dl></thead>
<thead id="xpn71"></thead><cite id="xpn71"></cite>
<thead id="xpn71"></thead>
<cite id="xpn71"><dl id="xpn71"></dl></cite>
<ins id="xpn71"></ins><address id="xpn71"><i id="xpn71"><th id="xpn71"></th></i></address>
青海快三昨天
<var id="xpn71"></var>
<ins id="xpn71"></ins>
<cite id="xpn71"><noframes id="xpn71">
<ins id="xpn71"></ins>
<cite id="xpn71"></cite><del id="xpn71"></del> <var id="xpn71"><dl id="xpn71"></dl></var>
<ins id="xpn71"><span id="xpn71"><listing id="xpn71"></listing></span></ins>
<cite id="xpn71"><dl id="xpn71"></dl></cite><ins id="xpn71"></ins>
<thead id="xpn71"><dl id="xpn71"><progress id="xpn71"></progress></dl></thead>
<var id="xpn71"><dl id="xpn71"><listing id="xpn71"></listing></dl></var>
<listing id="xpn71"></listing>
<var id="xpn71"></var><cite id="xpn71"><dl id="xpn71"></dl></cite> <cite id="xpn71"><dl id="xpn71"></dl></cite><menuitem id="xpn71"><dl id="xpn71"><listing id="xpn71"></listing></dl></menuitem>
<progress id="xpn71"><ruby id="xpn71"><span id="xpn71"></span></ruby></progress>
<ins id="xpn71"></ins>
<cite id="xpn71"></cite>
<thead id="xpn71"></thead>
<cite id="xpn71"><video id="xpn71"><thead id="xpn71"></thead></video></cite>
<cite id="xpn71"></cite>
<ins id="xpn71"><dl id="xpn71"></dl></ins>
<thead id="xpn71"><dl id="xpn71"><address id="xpn71"></address></dl></thead>
<thead id="xpn71"></thead><cite id="xpn71"></cite>
<thead id="xpn71"></thead>
<cite id="xpn71"><dl id="xpn71"></dl></cite>
<ins id="xpn71"></ins><address id="xpn71"><i id="xpn71"><th id="xpn71"></th></i></address>
<var id="xpn71"></var>
<ins id="xpn71"></ins>
<cite id="xpn71"><noframes id="xpn71">
<ins id="xpn71"></ins>
<cite id="xpn71"></cite><del id="xpn71"></del> <var id="xpn71"><dl id="xpn71"></dl></var>
<ins id="xpn71"><span id="xpn71"><listing id="xpn71"></listing></span></ins>
<cite id="xpn71"><dl id="xpn71"></dl></cite><ins id="xpn71"></ins>
<thead id="xpn71"><dl id="xpn71"><progress id="xpn71"></progress></dl></thead>
<var id="xpn71"><dl id="xpn71"><listing id="xpn71"></listing></dl></var>
<listing id="xpn71"></listing>
<var id="xpn71"></var><cite id="xpn71"><dl id="xpn71"></dl></cite> <cite id="xpn71"><dl id="xpn71"></dl></cite><menuitem id="xpn71"><dl id="xpn71"><listing id="xpn71"></listing></dl></menuitem>
<progress id="xpn71"><ruby id="xpn71"><span id="xpn71"></span></ruby></progress>
<ins id="xpn71"></ins>
<cite id="xpn71"></cite>
<thead id="xpn71"></thead>
<cite id="xpn71"><video id="xpn71"><thead id="xpn71"></thead></video></cite>
<cite id="xpn71"></cite>
<ins id="xpn71"><dl id="xpn71"></dl></ins>
<thead id="xpn71"><dl id="xpn71"><address id="xpn71"></address></dl></thead>
<thead id="xpn71"></thead><cite id="xpn71"></cite>
<thead id="xpn71"></thead>
<cite id="xpn71"><dl id="xpn71"></dl></cite>
<ins id="xpn71"></ins><address id="xpn71"><i id="xpn71"><th id="xpn71"></th></i></address>