架站是什麼?
架站簡單來說,就是架一個網站的縮寫。
一定要架站嗎?
不用,但架了會比較開心。
架站主要是為了讓自己有個平台展現自我,可以是網誌的形式,也可以是一個一頁式的形象網站,可以用來展現自己的專業,可以用來抒發自己的情懷,可以用來分享自己的興趣或喜好、可以用來招攬生意…等用途。
廣義的架站
就是你在別人的領土上面架站,像是 Wix、Weebly、Squarespace、痞客幫、Blogger、Shopline…等繁簇不及備載,這些公司提供現成平台讓你使用,讓你免去研究複雜的技術,用滑鼠拖一拖,拉一拉,或只要簡單把文字稿、照片放入後台再排個版,一個美美的網站、網誌就完成了,這種可以稱做廣義的架站。
狹義的架站
用自己的能力,從無到有打造出一個網站。
最 常見的就是使用 WordPress 軟體,然後租一個空間讓 WordPress 來住,即屬於狹義架站。
![](/static/979e0109dc1ce3f19aca133c51d22fc4/image-112.webp)
這種作法有點類似苦行僧,說苦也不苦,但就是麻煩了一點,假設今天你不會任何技術,光是要研究、上手,可能都不知要研究到猴年馬月去了,自己爬文 google,認真研究三個月,依照個人天賦與理解力不同,差不多可以弄懂一大部分的背景知識。
人生嘛 ~ 架站何苦這麼麻煩,光研究搞懂一堆專有名詞,都不知道能寫多少篇文章去了,不如讓專業的來,找個上面廣義架站的那些平台提供商,開心架站就好啦 ~
甚至花錢請人幫忙做一套也行,架站這條路,山不轉路轉,生命總會找到出口。
自己架站有什麼好處?
如果自己架站沒有好處,那這篇文章大概就不用寫了
自己架站的好處大致如下:
- 彈性高
- 掌握度高
- 不受平台限制
- 可以跟朋友炫耀,展現自己技術(誤~)
自己架站,其實最重要的,說穿了,是自由
不被平台給綁架、不被環境給綁架,像個浪子,以四海為家
平台會倒,看看以前的無名小站,環境會綁約,服務提供商看你落地生根後,要買進階功能,廠商跟你喊價多少,客製化的網站也是,看你流量大,想要追加或調整功能,喊一個天價費用給你,吞還是不吞?
自己架站的自由,是以你用開源軟體的前提下,一般最常見的就是 WordPress 了,配上 WordPress 相對應需要的環境,如植物只要有陽光、空氣、水,就能生存,說起來沒有很困難,不過跟學武功一樣,要先練好基礎,蹲好馬步,才能走得長久。
一個網站的組成
像人體解剖一樣,我們先一步一步從表面的外觀開始,再慢慢看到裡面的內臟器官
瀏覽器介紹
什麼是瀏覽器(Browser)?
就是讓你上網的 Chrome
![](/static/b388a056045d2dd0009907efe576e9e6/image-111.webp)
這樣說好像比較好懂了,就是你上網會點開的那個東西
不過還是要說一下瀏覽器是什麼,簡單說就是上網用的一個程式,其實現在瀏覽器有很多,只是 Google 所推出的 Chrome 市佔率,屬於最高的那一個,其中還有下面這些瀏覽器可以用
每一個瀏覽器,都有他獨特的特色,而你用過了哪一些呢?
一個網站的外觀
要上網第一件事情是什麼?
網址 (URL)
大家見到網站的第一印象,其實不是他的內容,而是網址
網址的英文稱為 URL,URL 的全名 Uniform Resource Locator
![](/static/e22c42022cdff8faf370fb8677b79734/image-113.webp)
紅線箭頭所指的,就是一個網站的網址,大家現在所看到我的網站,網址就叫做 https://asper.tw
而 https://asper.tw 這個網址可以大致拆解如下兩大塊組成
- https -> 協定
- asper.tw -> 網域名稱 (Domain Name)
網頁的協定,通常分為有加密跟沒加密,有加密就是 https 開頭,沒加密則是 http 開頭
網域名稱部分,則是跟大家講說你網站在哪邊,有好聽又好記的名稱,像信義區門牌會比較貴的道理一樣,這部分後面會比較詳細介紹
網站的前後台
用餐廳比喻,前台是點餐收銀跟出餐的地方,後台是做菜的地方
如 WordPress 的前台,就是讓大家展是你文章的地方,而後台就是讓你寫文章、上稿的地方
下面這張圖就是 WordPress 的前台,大家只要點文章就可以進入觀看了,任何路人甲都可以看到
![](/static/c006c3b9bf64ac726e3a0e8e9b764619/image-114.webp)
後台部分,則多半會透過帳號密碼把它鎖起來,你不會希望麥當勞的廚房,隨便一個路人都可以進去逛大街吧
![](/static/655405ed70761ef2855244dd93d5a93c/image-115-1.webp)
也有些網站不見得要有後台,因為做好就放在那邊,不太需要更動,就不會有後台這東西,想想看麥當勞的廚房裡,跟點餐放置菜單的地方,哪一個比較複雜。
但網站可以沒後台,一定要有前台,不然等於網站是架給自己看,沒有要展示給觀眾看,這樣不如自己開個 Word 寫日記就好了,就好像麥 當勞沒有提供顧客點餐服務,但廚房卻一直在做餐,卻不知道要給誰吃的感覺。
網站的前後台頁面由什麼構成的?
如果要打破砂鍋問到底問,一個網站視覺呈現部分,是由 HTML、CSS、JavaScript …等語言構成
蝦咪 HTML、CSS、JavaScript是什麼? 能吃嗎?
不能吃,但是可以看,現代的網頁設計,多半是由這三大主流視覺呈現語言所構成的,不信你在看網站的時候,在 Chrome 中按下 F12 後,點選 Network 的按鈕,重新整理網頁,就可以看到類似下面的圖
![](/static/18ba2d6c367eb31e9f19b6a7bc64417e/image-116.webp)
有沒有發現有 css 的檔案出現呢?
至於 HTML 部分,則是網頁中的空白處按右鍵,接著點選檢視網頁原始碼
![](/static/fe656323f3922ec996722daf7951a4ed/image-117-1.webp)
點下去以後,便會有一個新的視窗跳出來,發現裡面都是滿滿的外星文,其實這就是所謂的 HTML,紅框處最前面四個字就寫著 HTML 了。
![](/static/6364a63e38a7865f59a662b15073585c/image-118.webp)
靜態網頁
什麼是靜態網站呢?有靜態網站的話,那是不是也可以說有動態網站?
還有 HTML、CSS、JavaScript 到底是什麼樣的關係?
簡單來說,他們都是靜態網站會用到的原料,靜態網站以呈現為主,像是百貨公司中,展示櫥窗裡的商品,要久久才會才會換一次,只是換的時候會比較麻煩,而客人們只要經過時靜靜地觀賞就好。
其中 HTML 可以說是所有網站的構成基礎,再配上 CSS 與 Javascript 作為點綴,就能成為一幅美麗的網頁了。
- HTML 全名是 HyperText Markup Language ,顧名思義,他是一種標記語言,標記說這個網頁最上面要呈現什麼,中間要呈現什麼,下面的部分要呈現什麼。
- CSS 全名是 Cascading Style Sheets ,主要功能是控制網頁的樣式,例如這個區塊的字要多大、用什麼字形、顏色、背景要放些什麼…等。
- JavaScript 則是一個腳本語言,像是一些下拉選單、網頁播放器、即時更新內容…等比較動態的功能,多半以 Javascript 所寫。
延用百貨公司櫥窗中,所展示的衣服作為例子, HTML 就是你看到的一件衣服上,袖子要多長、領口要多寬、腰圍、肩寬要多少,都是 HTML 來決定這片衣料所分布的比重,而 CSS 則決定了這件衣服到底要用什麼色系,如領口要黑色,袖口要藍色之類的,而 Javascript 則是控制了這件衣服的配件,像是扣子要幾顆、怎麼扣上去,長袖的襯衫可不可以把袖子捲起來,變成另一種穿法…等比較能動手的動態配件部分。
動態網頁
動態網頁與靜態網頁相反,也不能說相反,而是有更多功能。
為什麼不是相反呢?因為動態網頁,也得利用到靜態網頁的技術,動態網站,就像百貨公司的專櫃,你可以跟裡面的店員有所互動,像是詢問這件衣服的價格、摸摸布料材質、刷看看你在這家專櫃的會員卡,這些都算互動。
常見的動態網站類型有:討論區、後台管理介面、網購…等,對照成大家常用的網站就是 Mobile01、WordPress 後台、PCHome24h…等,你可以去改變網頁的內容呈現,只要透過發起討論、新增文章、把產品放到購物車內,就能改變一個網站所呈現的內容了。
當然,一個動態網頁所用到的技術會比較複雜,但以下兩樣構成為主:
好像看不懂,覺得很遙遠對吧?舉例來說,其實我們現在所使用的 WordPress,就是由 PHP 這個動態網頁語言,再搭配 MySQL 或 MariaDB 資料庫所構成的。
可以用下面簡單的圖片來說明:
![](/static/9f85c9922f6ecb2a6215a203b77a5a16/image-2-1.webp)
我們可以透過網頁,再透過動態程式語言與資料庫互動,像是討論區發文章,或回覆別人文章,你的文字內容就會被存在資料庫裏面,當別人要看你文章的時候,你的文章內容,會被從資料庫,透過動態程式語言的指令給讀取出來,最終讀到前台的靜態網頁上。
一個網站的內在
一個網站的內在,主要是由網站伺服器,配上網頁程式碼所構成的。
更精確地說,可分為下面這兩樣:
- 靜態網站:網站伺服器、程式碼(前端程式碼)
- 動態網站:網站伺服器、程式碼(前/後端程式碼)、資料庫
而這一切的一切,都要放在一台名為伺服器的硬體裝置上,而伺服器上面還要有作業系統才可以運作。
先來說說什麼叫做網站伺服器好了。
網站伺服器(Web Server)
開一間速食店,客人首要看到的,是結帳收銀櫃臺區域,不管他有沒有跟服務人員產 生互動,總會先看到店裡面的點菜菜單吧?而菜單需要找人設計,才可以給大家看見美美的菜單,就像一個網站的程式碼,要找工程師來撰寫一樣。
而光有菜單沒有用,總要有放菜單的地方吧?
所以放菜單的展示版面裝置,也就應運而生了,這展示版面裝置,不管是用電視,還是背光看板,就像一個網站的程式碼,要有網頁伺服器可以放一樣,兩者都需要一個載體,才能夠於眾人面前完美呈現。
當然網頁伺服器也有很多種,像是常見的 Apache、Nginx、LiteSpeed…等,而程式碼也有許多語言可以作為選擇。
程式碼
前端程式碼以前面所說的 HTML、CSS 還有 Javascript 為主,而後端則百家爭鳴,有 PHP、JAVA、ASP、Python、Ruby…等等,許多不同語言可供選擇。
至於前端與後端的程式碼到底差在哪邊呢?有什麼應用?
靜態程式碼
如果繼續使用開速食店來比喻,前端程式碼就是你請設計師所設計的點菜菜單,除非你也會設計,不然若要修改或調整,得找設計師專門修改,因為他就是死板板的放在那邊。
動態程式碼
動態程式碼就像是速食店裡面的櫃台店員一樣,你可以與他們產生互動,而每個櫃台店員都有它不同的性格與特性,有的適合接待小朋友,有的適合應付奧客,就像每個程式碼的特性不同一樣,看應用場景不同而有所改變。
動態程式碼有個很重要的作用,就是擔任資料庫的橋樑、還有一些邏輯判斷,就像速食店櫃檯的店員,會確認好每位顧客點餐的內容,確認收到錢、找好錢後,通知廚房出餐。
而有些情境下,動態程式碼主要是為了產生靜態程式碼而存在,不用會高深的前端程式語言,一般人就能輕易上手,最貼近的例子就是 WordPress 了,透過後台的編輯器,便能輕易在前端產生一篇篇的文章,或是選擇喜歡的佈景主題,便可以直接套用在網站上,只要會操作 WordPress 後台設定,就能改變前端的內容與呈現風貌。
資料庫
資料庫最重要的功能,顧名思義,就是作為儲存資料的地方。
用速食餐廳來比喻的話,資料庫就像廚房,儲存了許多食材,收到前面櫃台的指令後,做餐並出餐,當食材不夠時,也能儲存新的食材在裡面。
當然資料庫也有分成很多種類跟品牌,市場主流有兩種資料庫型態,以關聯式資料庫與非關聯式資料庫(NoSQL)為主,可以想成一個是中式料理廚房,一個是西式料理廚房。
每種資料庫型態也都有不同的廠商推出服務,如關聯式資料庫在 WordPress 中應用,以 MySQL 或 MairaDB 這兩者為主,就如同廚房都有他所屬的品牌商,各有其特色,像有的廚房裡面,清一色都是使用日立所推出的相關系列產品,只要有支援,同樣都可以為速食店的前台提供供餐服務。
作業系統與伺服器
作業系統(Operating System)的功能,是做為控制硬體(Hardware),並調度硬體運算資源給軟體的橋樑。
聽起來滿抽象的,簡單說,就像你坐在你的電腦前面,之所以能用滑鼠跟鍵盤,打開瀏覽器上網,操作的多半是 Windows 10 這套作業系統,或是有些人使用蘋果的 MACOS 作業系統,有了作業系統,才有辦法開啟瀏覽器上網,不然也只是一台冷冰冰不能開機的機器,晾在一旁放著而已。
另一個例子,就像我們所常用的手機,會有 Android 系統與蘋果的 iOS 系統一樣,沒有了系統,等於不能使用上面的 APP ,如 Line、Facebook、相機…等功能,這樣的手機,充其量只是成了一個很貴的小磚頭罷了。
簡而言之,一台電腦 / 伺服器 / 手機,沒了做業系統,就成了一個冷冰冰的軀殼而已,作業系統可以說是他們的靈魂。
一般伺服器常見的作業系統,主要以 Linux 為主,為什麼呢?因為他不需要支付額外的授權費用,而伺服器多其實也沒像想像中的那麼厲害,只是說他比一般家用的電腦,還要更加穩定而已,因為家裡電腦不會一直開機讓他運作,而且一開就是開上好幾年不能當機,對於伺服器而言,穩定性最重要。
這樣說好像還是有點難以理解?
繼續用開速 食店來比喻好了,作業系統就是裡面工作的員工,而伺服器等硬體設備,則是這間速食店的店面,沒有了店面,員工就沒有地方提供客人服務,而有店面沒有員工提供服務,那麼客人來了,也不會有員工操作櫃台、收銀等服務,也不會有人在廚房料理提供出餐了,所以兩者是互為必要的存在。
綜合上面所述,我們可以把他們的概念畫成下面這張簡易的架構圖:
![](/static/e977a1ab0bac7e1f65c2c2b50ec5260d/image-3.webp)
程式碼、資料庫、網頁伺服器都要放在作業系統上執行,而作業系統要有一台效能強大的伺服器調度運算能力,才能讓上面三樣順利運作。
架站之前先買網域名稱(Domain Name)
先來說說為什麼要買一個網域名稱(Domain name)吧,其實每個網站,之所以能夠讓你連上去瀏覽,是因為他有 IP 在網路上給你連線,只是記每個網站的 IP 實在太麻煩了,畢竟 IP 是一串數字,沒事誰會記得住?所以才會發明網域名稱(Domain Name)這個東西。
IP 是什麼?
就像你開了一間速食店,但是跟人家講說你店的地址是東經多少度、西經多少度一樣,沒人會記住這串落落長的數字,也很不直覺,這是東經多少度、西經多少度,就類似 IP 的形式,每個人只要連上網,都會拿到一組 IP,這樣你才可以去連網站,而網站也才知道怎麼傳資料給你。
不信可以查自己上網的 IP 看看,點我就會告訴你上網的 IP 是多少,長得像下面紅色框框這樣一串數字。
![](/static/89154c739b2bfaff53000baebe0c8865/image-4-1.webp)
網域名稱(Domain Name)是什麼?
可以發現,IP 這一串數字真的不好記憶。
所以才有網域名稱(Domain Name)的發明,只是網路上的地址是允許一個 IP 有多個網域名稱(Domain Name),就像你邀朋友到家裡作客,跟你朋友會說,家裡的詳細地址在哪,但跟家人卻會說回家,而家人就知道家在哪邊的道理是一樣,同樣都是表達這個東經多少度、西經多少度、高度多高的家,可以有兩個不同的說法,對外人說地址,對家人或知道你家地址的熟人說回家。
網域名稱(Domain Name)怎麼買?
在網路的世界中,想要取得屬於自己的網域名稱(Domain Name)並不困難,只要挑一個沒人使用的名字,然後每年繳交幾百到上千元台幣不等的租金即可擁有。
網域名稱(Domain Name)有他專屬的市場,像是我們去菜市場買菜一樣,只是買網域名稱(Domain Name)是在網路上買,有很多家的網域名稱(Domain Name)菜市場可以選擇,比較有名的如 Godaddy 還有 namecheap 這幾種比較大間的網域名稱(Domain Name)市場。
網域名稱(Domain Name)費用怎麼算?
買東西鐵定是貨比三家不吃虧。
不過網域名稱(Domain Name)的費用操作,通常是先用低價吸納客戶,之後再恢復原價,如下面這張 Godaddy 的 .com 網域費用,第一年只要 104 元新台幣,第二年之後則漲價到 577 元新台幣,至少要租兩年。
![](/static/3e9403b8a30e882f62959a2078d1317c/image-5-1.webp)
這樣你又會問,那到底差異在哪邊呢?其實每一家網域名稱(Domain Name)販售商所提供的價格與服務,都會略有不同,就好像去市場買菜,買雞蛋送蔥、買魚肉送豬肉的道理,新手其實使用 Godaddy 或者是 namecheap 就很好上手了,該有的服務基本上都有,介面也不算難理解或操作。
此外, Domain Name 還有許多不同的種類,有著不同的用途。
一樣用 Godaddy 來舉例,點這邊可以發現有很多不同網址結尾的網域名稱(Domain Name)。
![](/static/f51ee02e5cbd7177634ccf06eca1f5ba/image-6-1.webp)
每種網域名稱(Domain Name)的價格都不相同,可以依照自身的網站性質不同進行選擇,一般比較萬用與常見的是 .com,而非營利組織則是以 .org 居多,如果想要強調網站是以直播性質為主,則可以考慮使用 .live 的網域名稱(Domain Name),當然不同種類的費用也不盡相同。
再談 URL
那麼 URL 與網域名稱(Domain Name)有什麼關係呢?
我們一般所購買的網域名稱(Domain Name),就是你在瀏覽器中輸入網址的地方,如下圖所示:
![](/static/7f37166d040168fe93d0795dc0595909/image-7-1.webp)
asper.tw 就是我所買的網域(Domain Name),當然你今天心情好,也可以取一個自己喜歡的網域名稱(Domain Name)。
前面搭配 https 這個加密的通信協定,再配上網域名稱就完成了一個 URL 了。
有沒有很簡單?
當然我們一般在輸入網址(URL)的時候,通常是以輸入網域名稱(Domain Name)為主就是了,不然沒事打這麼多字,實在很辛苦,前面的 http 或者 https 可以省略,聰明的瀏覽器會自動幫我們補上。
好,我們了解了這麼多,假設我們買了網域名稱,之後,想要架站,要怎麼辦呢?
架站其實相對容易上手的,就是 WordPress 了,但剛剛有說過,動態網站要有程式碼、網頁伺服器、資料庫這三者才能實現,而身為動態程式碼的 WordPress 要住哪邊呢?
WordPress 的家要住哪?
如果有看過為什麼要用 WordPress 架站系列2 – 主機選擇篇,可以比較了解什麼叫做 Web hosting 了,不過為什麼要一開始選擇讓 WordPress 來租 Web hosting 呢?
原因很簡單,因為你的網站還沒有長大,住在裡面是最符合經濟的選擇,等到哪天網站越長越大、到網站的客人天天爆棚,除了自己覺得不敷使用,客人也反映進出不便會卡卡的,甚至房東也開始抗議了以後,再搬出去外面比較大的地方,容納更多人來訪問的家也不遲。
至於為什麼要找個地方給 WordPress 住呢?住自己家不行嗎?
用寵物來想,今天想要養一隻名為 WordPress 的寵物,你可以選擇讓 WordPress 住在自己家,但是得確保你有辦法搭建出這個讓他住起來舒適的家,不然要養一個 WordPress 的網站,住外面的寵物旅館(Web hosting),會是一個比較方便的選擇,因為寵物旅館(Web hosting)可以滿足 WordPress 的生存需求,WordPress 住的地方需要三個要素,一個叫做 PHP,一個叫做資料庫,還有一個叫做網頁伺服器,這三樣缺一不可,而這三個下面,要由一個作業系統來支撐。
![](/static/3089c766b070d9e05e7a648c0f956255/image-110.webp)
當然如果想要挑戰自我,或者覺得人生無趣,可以參考 Azure App Service 建 置 WordPress 完全攻略,覺得不構過癮的話,可以再挑戰 Azure Linux VM 建置 WordPress 完全攻略看看。
至於,有人一定會想問,為什麼要有 PHP 呢?
原因很簡單,因為 WordPress 是由 PHP 撰寫而成的一套軟體。
虛擬主機 (Web Hosting) 是什麼?
如果說虛擬主機 (Web Hosting) 是寵物旅館,除了提供 PHP、資料庫、網頁伺服器,並維護好他們下面的作業系統之外,還有做些什麼嗎?當然有,這些旅館業者還會提供一些獨門的祕方,讓 WordPress 在這邊住起來舒適,當然也會有一些限制,像是不收訪客太多的寵物,以免影響到其他住戶的居住品質,或是太過肥胖的寵物,因為這樣也會影響到其他寵物的居住權益。
另一個比喻來看,就好像今天想要吃晚餐,可以自己下廚煮,或者去外面的餐廳買回家吃,同樣都能吃到晚餐。
只是自己煮或許比較便宜,因為只有買食材的費用,不過得確保自己的廚藝夠好,煮出來的東西不會拉肚子,或者自己下廚煮飯的效率,比去外面買來的好,不然選擇在外面吃外食,或許也是一個不錯的選擇,花錢除了買食材以外,還買到店家的廚藝與服務。
一言以蔽之,虛擬主機 (Web Hosting) 就是讓你的 WordPress 有地方住的旅館。
虛擬主機 (Web Hosting)要多少錢?
有別於網域名稱(Domain Name)是用每年來計價,虛擬主機 (Web Hosting) 的計價方式是用每月來計算,當然有的業者有提供年繳方式,這也是一個比較能獲得折扣的選擇。
如果對於初心者,想要架一個 WordPress 的網站,Godaddy 提供的基礎版最便宜,對於架站新手十分友善,當然除了 Godaddy 之外,還有 Bluehost 的 Basic 可以選擇,這兩家虛擬主機 (Web Hosting) 服務都十分適合新手。
![](/static/ec76cd0f84dfc9aa2f50ede87932200c/image-8-1.webp)
SSL 憑證(SSL Certificate)是什麼?
一般人其實常常把 “SSL” 與 “SSL 憑證(SSL Certificate)”搞混,差距就跟狗跟熱狗那麼遠。
不過,SSL 跟 SSL 憑證(SSL Certificate)仍然有些相關聯就是了,單純提到 SSL 其實是一中加密演算法的名稱,而 SSL 憑證(SSL Certificate)則是用在加密保護資料傳輸的工具。
有 SSL 憑證加密
好像有點複雜?其實要看一個網站有沒有加密連線,從瀏覽器上面就能看出來了。
這邊用 Chrome 開啟我的網誌,做為加密連線的例子
![](/static/da429a8e2b0ac1b0aed780040139d0f4/image-9-1.webp)
可以發現,有加密連線的網站,前面會有一個鎖頭,跟你說這是安全的連線。
記得一件事
加密連線,只是確保你跟這個網站傳輸的資料是加密的。
加密連線,只是確保你跟這個網站傳輸的資料是加密的。
加密連線,只是確保你跟這個網站傳輸的資料是加密的。
很重要,所以要說三次。
傳輸加密,並不能保證,這個網站有沒有惡意程式,讓你連上去以後中毒。
好像有點抽象,簡單說,就像你跟你的朋友講話用暗號交談,別人都看不懂,但是你朋友可以用暗號來罵你,你聽了會不舒服,暗號交談不能阻止對方罵你,只是讓外人看不懂你們在說什麼,就跟加密只是代表你跟網站的資料傳輸,被人中途攔截不會被破解,但是他要傳惡意的程式給你也是可以的。
加密只是讓你跟這個網站傳輸的資料,被攔截後難以破解出你們傳什麼。
至於要怎麼設定 SSL 憑證加密?
這些虛擬主機 (Web Hosting)的提供業者,都有相關方案幫你做到好,只要記得選擇有提供 SSL 憑證加密的方案就可以了。
無 SSL 憑證加密
另一個案例,則是剛剛前面提到的,開啟查詢自己 IP 是多少的網站時,他其實是沒有 SSL 憑證加密的,如下圖:
![](/static/bc987a875abdbc04ae98eaa6c8557b19/image-10-1.webp)
可以發現在最前面會出現一個”不安全”的字樣,點下去後,瀏覽器會提示說”你與這個網站的連線不安全”,下面一段說明有提醒,不要在這個網站輸入任何機密資訊,以免遭到攻擊者竊取。
落落長的一段話,簡單說,在這網站上面,如果你傳信用卡號是會被看光的。
因為中間不會有任何加密,當然如果是一些公開資訊,沒有加密傳輸並不會有什麼大礙,不用過於擔心。
安裝 WordPress
總算要來到了重頭戲了,要怎麼把 WordPress 的程式,安裝到購買的虛擬主機 (Web Hosting) 上呢?
其實沒有很困難,只要在虛擬主機 (Web Hosting)提供的 cPanel 後台中,點選安裝 WordPress 後,填寫一些帳號、密碼、電子郵件..等資料,接著一鍵安裝就好囉!
你一定會覺得很奇怪,前面講得這麼多複雜的東西,什麼網頁伺服器、資料庫…這些東東,都不用管他嗎?放心,虛擬主機 (Web Hosting)的提供商都已經幫你做好了,你只要安心使用 WordPress 就可以了!
好像有聽沒有懂?沒關係,可以看看 Godaddy 的 WordPress 安裝流程。
架站之後要做的事情
這樣看下來之後,有沒有覺得架站很簡單?
其實架站真的沒有想像中困難,滑鼠點一點、按一按,一個網站就架好了。
架站之後還有什麼事情要做呢?
費用繳交
首先記得,每年都要交網域名稱(Domain Name)費用,再來每個月也都要繳虛擬主機 (Web Hosting)的租金,這兩個都可以選擇一次先預繳幾年不等,或者時間到,讓系統自動從信用卡扣款,如此一來,只要在信用卡換卡時,記得更新卡片資訊到系統上,並定期關注一下系統通知信,就能高枕無憂了。
資料備份
通常像是 Godaddy、Bluehost 這類的網站都會有備份服務,其中 Bluehost 的 WordPress 方案,有提供每日備份的服務,如下圖:
![](/static/c151519ca9214f4dbbcfc76d13a86a1e/image-11.webp)
眼尖的朋友應該看到,為什麼只有 Build 方案有每天備分,其他的方案難道都沒有嗎?
如果沒有,誰還會要買高階的方案呢?
答案是有的,高階的方案其實是透過 Jetpack 的備分來完成的,可以看到 Bluehost 的方案,所搭配的 JetPack 方案,還額外為你的 WordPress 增添不少除了備分以外功能。
資安問題
一般而言,使用了虛擬主機 (Web Hosting)服務,這些業者多半會定時更新系統、強化資安,畢竟上面有數以萬計的承租戶,萬一發生資安問題,鐵定是吃不完兜著走的。
我們只要擔心有沒有定期更新自己的 WordPress 程式與外掛,這個項目在 WordPress 的後台可以看到,有無新的更新能夠安裝。
再來就是挑選大牌、用戶數量多的外掛(Plugins),至少更新速度會比較快,有漏洞發生時,也會有眾人一起反映給作者釋出修正更新。
虛擬主機 (Web Hosting)方案限制
有時候我們的 WordPress 網站成長快速,超乎預期,可能一開始使用的基本方案已經不敷使用了,或者是儲存空間使用量,超過方案限制,那要怎麼辦呢?
如 Godaddy 的 WordPress 方案,基礎版有限制 30GB 的儲存空間,且明確指出適合每月兩萬五千人以下的訪客數量,如果超過,系統便會通知該升級方案了。
當然如果是使用 Godaddy 其他的虛擬主機 (Web Hosting)方案,這邊也有相關限制,不可能讓你無限制的使用系統上資源,不然就會影響到其他的用戶了。
使用虛擬主機 (Web Hosting)服務,就像住在一棟集合住宅中,鄰居如果太吵、帶來大量訪客,勢必會影響到其他住戶的居住品質。
而除了流量限制以外,還有資料庫的限制,Godaddy 在虛擬主機 (Web Hosting)方案中,已經說明了,資料庫只能有 1GB 儲存空間,當然 Bluehost 也有相關限制,在這邊寫得非常清楚,每個 Shared Web Hosting 方案,享有怎樣的資源,都有詳列,畢竟天下沒有白吃的午餐。
下圖為 Bluehost 的 Shared Web Hosting 方案表
![](/static/10d81c8eb46dec89676f8bc12e312047/image-12.webp)
看到這邊,有沒有覺得疑惑?到底該怎麼選才夠用?
其實,最推薦初學的做法就是,選擇虛擬主機 (Web Hosting)服務商的 WordPress 方案就好,然後從比較便宜的方案開始選擇,等到網站的流量慢慢起來,你也覺得速度變慢的時候,再向上調整方案即可,這樣子可以節省不少傷腦筋的時間,還有初期不小心選擇太貴方案,所浪費的成本。
以上就是對於架站的簡單介紹,各位對於一個網站的架設,是不是有一點概念了?