網站工具|新手架設網站,掌握這5個步驟,一點都不難!

對於新手來說,要自己架設一個網站好像不是那麼簡單的事,我曾經也是這麼想,根本就不知道要從哪裡下手。

也曾想過交給專業的公司來架設網站,畢竟我們不是學這方面的人 ,但費用往往不便宜 ,所以我決定找資料自己親手架設網站,就當是自我進修,學習新的事物。

於是,我成功地架設屬於自己的網站,然後在電腦前面寫了這篇文章分享給需要的人。

只要掌握這5個步驟,架設一個網站真的不難!

我將以淺顯易懂的概念,一步一步告訴你,完成一個網站需要那些工具。

架設網站

文章開始前,先看一下這個數據

目前市面上有非常多的網站建置平台跟軟體。

最常使用的就是 WordPress,對於新手來說 WordPress絕對是容易上手的架站工具。

根據builtwith資料統計,Wordpress市佔率50%的數據,很多大品牌公司的網站都是由 WordPress建置完成。

而且使用Wordpress建置網站是免費的,你沒聽錯,就是免費。

這也是為什麼市占率這麼高的原因,對於想要架設一個網站來說,初期的預算能夠省起來,是不可或缺的。

準備好啟動你的網站了嗎?就讓我們開始吧!

架設網站的5個步驟

步驟1-註冊網域

在架設網站之前.你必須先購買一個網域

舉例~

Facebook臉書-www.facebook.com

instagram IG-www.instagram.com

這些就是所謂的網域

為什麼需要網域

網域又稱「Domain Name」,就好像你的身分證字號或是你家地址一樣,身分證用來辨識你的資料或是地址知道你住在哪裡好讓郵差可以把信交寄給你.不然在網路上有成千上萬的網站,沒有網域的辨識根本無法找到你的網站

在開始自己架設一個網站之前,你必須先想好你的網域的名稱,然後你可以到以下幾個網站去搜尋你想要的網域是否已經被別人註冊了,不然你辛苦想了半天結果卻無法擁有你要的網域

去哪裡查詢並購買網域

1.Namecheap
查詢域名

在紅框輸入你要的名稱,然後搜尋

選擇域名

我這邊先隨便輸入一個名稱-lookmyweb888

正常都會是.com結尾會先出來,除非被選走,那你可以選擇它下面列出來其他結尾的網域,但大部分還是會選.com,不過現在有許多人會根據自己網站的屬性下去選接近的結尾,這也是不錯的選擇,而且這些屬性結尾價格還比較便宜。

這邊要注意的是,價格下方的Retail是續約的價格。

確認購買的域名

如果確定要lookmyweb888.com這個網域,就點右側View Cart購物車

確認訂單項目

這邊可以先選1年的方案就好

AUTO-RENEW這個是自動續約選項,可以自行選擇

然後點選Confirm Order開始結帳

填寫註冊資訊

一開始會需要註冊帳號,按照指示先註冊然後填寫基本資料,才能接下來的購買。

這邊要填寫正確資訊,依序填入帳號.密碼.名字.Email,然後按確認。

選擇付款方式進行結帳

Namecheap有3種結帳方式,信用卡.Paypal.Account Funds,填寫完成按下Continue完成購買就可以了。

步驟2-選擇主機

主機就是房子我們根據自身的需求住在套房,公寓,豪宅等

然後開始買家具,家電來裝修我們的房子

主機(Web Hosting)就是一個網路空間用來存放檔案跟資料的地方

沒有主機就無法在網路上瀏覽你的網站

要讓你的網站上線就必須結合主機跟網域才能開始上傳內容

虛擬主機有分共享型.VPS.雲主機等

以下介紹2款主機

1.bluehost

創立於2003年為美國前五大虛擬主機商之一超過500萬以上的用戶

以下是bluehost進行註冊的方法

1.進入到官網點擊Hosting

選擇 Shared Hosting 選項進去

2.然後點選 Choose Plan之後畫面會往下拉

bluehost

3.選擇方案

這裡有幾個方案

●Basic 基本版

●Plus 升級版

●Choice Plus 精選升級版

●Pro 豪華版

如果是剛起步的網站,可以選擇bluehost“基本”計劃。非常適合流量較小或沒有流量小網站 。

但是,如果您想要有無限個網站網站或希望增加網站訪問量

這邊建議可以選擇 Choice Plus 因為跟 Plus 價錢一樣卻多了網域隱私保護跟網站備份的免費功能。

不管你最後選擇哪的方案,之後都可以根據需求進行升級。

下面會解釋這2個功能的意思

網域隱私保護

當我們註冊了虛擬主機之後,我們的註冊資料可以從WHOIS 這個全球網站查詢,如果多了這個功能就有一些資訊會隱蔽不公開,這個功能就是保護你的聯絡信息不會被一些垃圾郵件等騷擾。

下面是有保護跟沒保護的差別,可以參考一下

網站備份功能

每日對你的網站進行備份,不用擔心突發狀況導致你的網站無法還原

每天會檢查網站更新一鍵還原到網站早期存檔的功能

4.選擇購買Choice Plus 精選升級版

會來到下個頁面,這邊有2個選項,因為有附贈一個免費的網域,所以在 Create a new domain 輸入你要查找的網域。

如果說你的網域是單獨在別的網域商購買,例如,上面介紹的Namecheap,你就在

Use a domain you own輸入你已購買的網域即可。

最後按下 Next

bluehost

5.輸入網域之後

我們以 whats123 這個域名來示範,輸入之後會告訴我們這個網域可以被使用

接著用 google 帳號登入,然後把下方的基本資訊填寫完成,都要用英文填寫

填寫完畢繼續往下拉

godaddy

6.所選方案購買資訊

選擇使用期間,建議12個月以上的方案折扣越多

選完之後會有價格的顯示跟一些免費的功能

另外再提供額外加價的附加功能,可以根據需求選購

這邊確認之後,在繼續往下拉

7.進行結帳

以上所有資料都填寫完成之後最後步驟,輸入信用卡資訊

協議的地方打勾最後按下 Submit 提交即完成購買

8.創建密碼並登錄Bluehost

收到這個訊息,代表你已成功註冊bluehost。

2.Cloudways

創立於2011年 ,對於想要穩定的網站速度,我會推薦使用Cloudways,因為不會與其他人共享你的主機。

Cloudways是我非常推薦用來架設網站的主機,目前我的網站就是使用Cloudways主機,速度真的有比共享主機來的快跟穩定。

以下是Cloudways進行註冊的方法

1.點擊START FREE,開始註冊基本資料

2.填寫基本資料

輸入你的姓名,Email,密碼

I would best describe myself as這個下拉選項,建議選 Ecommerce,這樣你後面的驗證會比較簡單。

My monthly hosting spending is這個下拉選項,也是自由填寫,如果沒有想法就填$50~$250。

然後最重要的關鍵,Got a Promo Code? 折扣碼,這邊回饋看到這篇文章的你,特別爭取到試用期結束後,前2個月,享有8折的優惠,輸入「TIWISPEND」就可以符合優惠資格。

3. 到剛剛你註冊的信箱收認證信,點擊Activate Account

4.驗證電話號碼

這時候會要求電話驗證確定是否為本人,就填入你的所在區碼跟電話號碼,點擊SEND SMS,然後手機會收到一組認證碼,跟著指示完成驗證步驟就可以。

步驟3-建立網站

當你完成了網域跟主機的購買之後,離新網站完成的進度越來越近囉!

現在要來啟動你的網站,首先第一件事,就是安裝WordPress

安裝WordPress

1.Cloudways帳號登入之後,點擊 LAUNCH ,建立新的網站。

2.控制台設定

先設定APPLICATION & SERVER DETAILS

WordPress選最新版本

Name Your Managed App

Name Your Managed Server

Name your Project


這3個就填入你要的名稱,好記就好,只是控制台的設定。

3.選擇主機商

初級需求選擇前3個其中之一就可以,後面2個規格比較高,費用也比較貴。

我這邊使用美國老牌的KVM VPS主機商-linode

4.主機容量跟主機地點

容量先選1GB就可以,若是有需求之後再升級就可以,地點選擇你就近的地點,速度會比較快,台灣就選擇日本或新加坡,這邊我選日本東京。

5.預估費用顯示

最下方會顯示預估費用,Cloudways的好處是根據使用的資源計算費用,每個月結帳。

確認無誤之後,點選LAUNCH NOW

6.等待建立

到這個畫面之後,上方會有試用期的倒數時間提示

左邊建立中,所以顯示橘色圓點

右邊顯示建立剩餘的時間

建立完成會顯示綠色圓點,點擊圓點就開始下一步主機的設定。

7.MASTER CREDENTIALS

這邊只要先注意使用名稱跟密碼,後面會需要設定

8.Settings&Packages設定

先點選BASIC,往下找到PHP TIMEZONE

根據你的地區設定,台灣就設定GMT+8

然後按SAVE CHANGES

9.點選ADVANCED

往下找到MYSQL

TIMEZONE部分設定時區,台灣選GMT+8

ENCODING設定編碼,台灣選擇UTF-8 Unicode

Apache設定一開始你設定的App名稱就可以

SYSTEM設定語言

以上設定完成就按SAVE CHANGES,這時候都會需要一些時間處裡設定,所以就等Cloudways設定好在進行下一個步驟。

10.點選PACKAGES

PHP這邊就選最新的

MySQL也是選最新的

設定完成按 SAVE CHANGES

步驟4-WORDPRESS設定

進行到這邊代表快要完成囉!

1.上述的設定都完成之後,點選右邊WWW的選項,在點擊你設定的App名稱

2.ADMIN PANEL

點擊URL的小箭頭到WORDPRESS登入畫面

複製Username跟Password

步驟5-豋入WORDPRESS

把剛剛複製的的名稱跟密碼貼上

4.WORDPRESS後台

恭喜你,你的網站已經完成囉!

這邊先做一個設定,把語言改成中文的,方便之後操作

在左邊找到Settings然後點擊General

5.找到你要操作的語言

最後點擊Save Changes,這樣後台就會更改成中文或是你想要的語言版本

接下來就可以開始使用網站的各項功能。

結論

不論是新手架站或是從別的主機商搬家到Cloudways,都希望這篇文章對你有幫助。

對於新手來說,掌握這5個步驟,架設網站一點都不難,不需要寫程式就能夠擁有一個屬於自己的網站,我非常推薦使用Cloudways當你的主機,不需要與他人共享主機資源,能夠幫你的網站達到最佳化,有24小時的客服諮詢解答,你一定要試用看看!

記得試用Cloudways的時候,輸入「TIWISPEND」折扣碼 ,前2個月享有8折的優惠 。

最後,對於文章內容有任何問題,歡迎在下方留言給我。

如果這篇文章能對你有所幫助,也請多多幫我分享。

歡迎加入我的Telegram頻道,最新文章及消息會在頻道更新。

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *