【網站部屬】比較 Netlify 與 Vercel 的網站部屬方式:一步步上手教學

更新於 發佈於 閱讀時間約 1 分鐘

這篇要來談談網站部屬的方式

Netlify

提供100GB的空間給大家做使用~

圖1

圖1

  1. 一定事先註冊登入的拉~,那我登入的方式為github。以下就是你會看的頁面。
圖2

圖2

圖3

圖3

圖4

圖4

圖5

圖5

上傳完後,就回到Netlify,選擇github,並選取剛剛建立好的專案。

圖6

圖6

接著進行部屬網站前的先置(但我自己基本是除了網站名稱,其他好像都給他省略(汗))。完成後按下最下方【deploy...】

圖7

圖7

圖7中反敗的部分,是Netlify自動幫你生成的網址。如果有想訂製或另外購買好domain話,選擇第2步就可以設定喽,

(筆者是窮苦客家人,那玩意就先不用了QQ)


Vercel

也是提供100GB使用

圖8

圖8

第一步,一樣註冊登入,那筆者一樣是使用github

圖9

圖9

在使用github登入,你就可以引入你要部屬的檔案拉~,在第一次的時候會被要求import甚麼東西(圖10)。

圖10

圖10

跟Netlify依樣要做一些設定(但這邊一樣都給他省略過去XD)

圖11

圖11

然後就~將將OK拉,你就可以點選右上角"visit"看成果搂

圖12

圖12























avatar-img
4會員
10內容數
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
W. C. Chen的沙龍 的其他內容
本文將引導您使用簡單的 Header 組件,學習如何使用 render 和 screen 來渲染和查詢元素。我們將探索如何測試文字和字元計數功能,並使用 userEvent 模擬使用者操作。了解如何使用斷言來確保測試結果正確。同時,我們將處理包含 fetch 的異步測試,並介紹 waitFor 函數
本文將引導您使用簡單的 Header 組件,學習如何使用 render 和 screen 來渲染和查詢元素。我們將探索如何測試文字和字元計數功能,並使用 userEvent 模擬使用者操作。了解如何使用斷言來確保測試結果正確。同時,我們將處理包含 fetch 的異步測試,並介紹 waitFor 函數
你可能也想看
Google News 追蹤
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
這篇涵蓋了 Notion 建立網站的基礎,還有免費的教學資源,讓你不用寫程式,就能用 Notion 快速建立個人網站! Notion 簡易入口網站適合學生、求職、接案、小店家使用,能快速產出一個網站,節省成本又快速方便。
架設第一個網站是一個令人興奮且具有挑戰性的過程。這篇文章將詳細介紹如何從零開始,逐步完成一個基本的網站,並且涵蓋所需的主要步驟。 1. 計劃與構思 在開始技術工作之前,首先要明確網站的目的和目標受眾。問問自己以下問題: 這個網站的主要目的是什么?(例如,博客、電子商務、個人作品集等) 目標受
本文探討了自架網站、電商平臺和通路平臺的區別,包括他們的用途,適用對象,以及選擇開店平臺時應注意的功能,並提供了臺灣9家網路開店電商平臺的比較表。
Thumbnail
在數位時代,小型企業需要擁有強大線上存在的網站。本指南分享架設網站的六個關鍵步驟,幫助建立成功的線上存在。包括選擇主機服務、選擇域名、準備素材、使用WordPress設計、安裝Google Analytics、確保Google收錄。
Thumbnail
可能包含敏感內容
這篇文章介紹了為什麼網站需要託管服務,以及Hostinger提供的各種託管計劃和優缺點。它強調了Hostinger的價格實惠、性能出色和用戶友好的特點。
Thumbnail
建立自己的網站需要考慮許多因素,包括網站類型、架站軟體的選擇、素材的準備、網域名稱的購買、主機空間的租用、網站設計的進行以及網站被收錄的步驟。透過這些步驟,你可以自己建立一個符合需求的網站,展示你的企業形象、進行電子商務或建立社交媒體平臺等。
Thumbnail
再之前的文章中有分享到Zerotier這套虛擬區網軟體,可以將不同網路下的裝置給連接起來達到,方便分享和傳輸。不過,對於Zerotier的設定一下要登入帳號、塡ID,一下又要到網頁後台授權認證,對於有些人來說難免會過於複雜。本篇要介紹的Tailscale可以很好的解決這個問題。
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
這篇涵蓋了 Notion 建立網站的基礎,還有免費的教學資源,讓你不用寫程式,就能用 Notion 快速建立個人網站! Notion 簡易入口網站適合學生、求職、接案、小店家使用,能快速產出一個網站,節省成本又快速方便。
架設第一個網站是一個令人興奮且具有挑戰性的過程。這篇文章將詳細介紹如何從零開始,逐步完成一個基本的網站,並且涵蓋所需的主要步驟。 1. 計劃與構思 在開始技術工作之前,首先要明確網站的目的和目標受眾。問問自己以下問題: 這個網站的主要目的是什么?(例如,博客、電子商務、個人作品集等) 目標受
本文探討了自架網站、電商平臺和通路平臺的區別,包括他們的用途,適用對象,以及選擇開店平臺時應注意的功能,並提供了臺灣9家網路開店電商平臺的比較表。
Thumbnail
在數位時代,小型企業需要擁有強大線上存在的網站。本指南分享架設網站的六個關鍵步驟,幫助建立成功的線上存在。包括選擇主機服務、選擇域名、準備素材、使用WordPress設計、安裝Google Analytics、確保Google收錄。
Thumbnail
可能包含敏感內容
這篇文章介紹了為什麼網站需要託管服務,以及Hostinger提供的各種託管計劃和優缺點。它強調了Hostinger的價格實惠、性能出色和用戶友好的特點。
Thumbnail
建立自己的網站需要考慮許多因素,包括網站類型、架站軟體的選擇、素材的準備、網域名稱的購買、主機空間的租用、網站設計的進行以及網站被收錄的步驟。透過這些步驟,你可以自己建立一個符合需求的網站,展示你的企業形象、進行電子商務或建立社交媒體平臺等。
Thumbnail
再之前的文章中有分享到Zerotier這套虛擬區網軟體,可以將不同網路下的裝置給連接起來達到,方便分享和傳輸。不過,對於Zerotier的設定一下要登入帳號、塡ID,一下又要到網頁後台授權認證,對於有些人來說難免會過於複雜。本篇要介紹的Tailscale可以很好的解決這個問題。