從零到一製作個人網站

想擁有一個屬於自己的個人網站？展示作品？個人部落格？專屬域名？

但是作為一個設計師，很多朋友跟我一樣英語不好、不會程式碼、不懂計算機基礎，不知道如何開始怎麼辦？既然寫出了這段話，我就要保證這篇分享中大家不用懂任何計算機技術，也不需要懂英文，只要會用鍵盤滑鼠就OK了。 （大神請忽略，本文主要面向初學者，共同交流進步）

好，進入主題！

基礎準備篇

一個網站主要是由三個部分組成：

一。域名

二。伺服器

三。你的網頁檔案（前端+後臺）

他們之間的關係，我說下我的理解，有不對的還請指出。域名相當於你的門牌號，指引你找到你的房間（伺服器），但是這個房間（伺服器）裡空空如也，你要裝修成歐式還是中式展示給訪客的樣子，這要看你的網頁檔案（前段+後臺）怎麼設計了。

是不是很簡單？但是從域名到伺服器，伺服器怎麼執行網站，這其中又有很多很複雜的知識，好在我們都不用去了解。建立一個能執行的網站我們需要做的只有幾個簡單的步驟：

1.購買域名

自定義的域名都是要自己購買的，但是好在現在大波的新的頂級域名都很便宜，可以挑個便宜的，比如： www。yourdomain。itd 1年才9塊錢，喝杯奶茶就不止了，如果要一定要買。com的域名也可以，因為。com 的域名現在可註冊的越來越少，所以價格也就貴一點，所以現在放出了一些新的頂級域名字尾，我覺得跟。com的解析起來都差不多，如果硬要說有什麼不一樣，那可能就是使用者習慣的問題吧。（下面演示中我買了一個。com的域名，55/years。）

2.準備伺服器

瞭解完域名，該選擇伺服器裡。也就是“房間” 。這裡的房間，你可以選擇虛擬機器，也可以選擇vps。虛擬機器和vps有什麼區別？

①

虛擬機器

：幫你裝了基礎系統並配製好了一些伺服器需要執行的基礎環境，如資料庫等（相當於你租了個房子，但是給你做了簡單裝修了，你不喜歡也不行，沒有控制權）

②

vps:

給你裝了個基礎系統，控制權相對自由，可以在後期自己安裝些東西，比如***，你懂得。。

3.準備你的網頁檔案（前端+後臺）

這裡就是決定你展示出網站是什麼樣子的時候了，這一步的話，如果會點前端知識會更容易點。不會的話那就是跟我一個水平了，沒關係，可以選擇wordpress，一個強大而又方便的個人部落格系統，用來做網站由來已久。

基礎的就到這裡就差不多了，我也就知道這麼多啦。但是我感覺可以再嘮叨兩句：

買域名和伺服器選擇國內或者國外都可以，最好都首選大廠產品。國內的伺服器優點是穩定、而且快，缺點就是麻煩點，要備案，當然還有貴啦。我們剛開始練手可以選擇國外的伺服器，比較便宜一點，而且不用備案，就是偶爾不太穩定，訪問速度對比國內的會慢點。

OK，例項演示一遍。

實操篇

從這裡就開始實際操作如何演示如何建立一個個人網站，實際就是上面三個步驟細分出來更多的小步驟，從1到N，包括從買域名、伺服器、搭建伺服器面板等，所需要的連結都放到下面步驟中，跟著一步步做就可以了。

①

購買你想要的域名，就是門牌

。我是在萬網上面買的域名，阿里雲旗下的。首先你要註冊個賬號： 阿里雲註冊 有淘寶或者支付寶賬號的可以直接登入，你不想用淘寶賬號登入用手機號碼註冊一個也可以。

② 註冊完後拉到最下面，點選萬網，找不到的百度。輸入你想要購買的域名然後查詢一下是否被人註冊過。

③ 選一個你喜歡的字尾，每個詞語搜出來的價格都不一樣，一般字母越少或者常用詞拼寫的會比較貴。

這裡有一點要加粗提醒下，不要去購買特定的字尾，如.http://gov.cn 這種是政府機關專屬的，就算你買了也解析不了，還有一些是要有公司資質或者其他資質，具體百度搜下哪些個人可以用的。

大部分的詞語是可以自己用的。我在這邊購買了一個。com的，加購物車付款的過程就不寫了，購買完的域名在阿里雲的控制檯-域名裡可以看見，初次購買會要你填寫自己的身份資料，要你備案，這個域名備案比伺服器備案要簡單很多，跟著操作填寫就可以了。

④ 域名準備好了，就要準備伺服器了。伺服器我用的是國外的，國外的伺服器選擇性有很多，我們既然是練手的話我個人建議優先選擇 vultr 優點是按小時計費的，就是說一開始可以買個最便宜，最低配置的來實驗，等你熟悉了或者什麼時候不想用了就把這個刪了隨時換一個。缺點呢，就是用支付寶買的話沒有優惠啦，用paypal或者信用卡支付的話衝10美金送25美金，簡單理解就是：充值10美金用最低配置（個人站綽綽有餘了）的伺服器可以用10個月。

連結：

https：//www。

vultr。com/？

ref=7519565

充值10美金送25美金的，我是用的是這個。

如果你暫時不想花錢呢，那就點下面的連結，註冊送50美金，可以去體驗下，不過這個錢好像是有有效期的，一個月還是兩個月，到時候你要用的話再充值的話不知道還有沒有送，留意下看有沒有多充多送。官方活動一直在變，有想了解的留意下就可以了。

https：//www。

vultr。com/？

ref=7938020-4F

註冊送50體驗金，有時間限制。以前有充25送25不知道現在有沒有，自己看下。

填寫郵箱密碼，直接註冊吧

⑤ 這個就是你註冊完後的介面了，當時我是用的光大的信用卡支付的，繫結支付的時候還天天擔心給我亂扣費，然而用了這麼久其實也沒啥問題，你不去點選充值它不會給你扣費。當你有一天不想用vultr了，你把在用的伺服器destroy，記得要把網站和資料庫先備份好（怎麼備份很簡單，有不懂我再寫），就可以把卡刪了。不過充值的話，我還是建議去註冊個paypal，畢竟自動扣費不符合國人習慣，用paypal繫結你的卡去支付，一樣可以得到優惠，你還可以在PayPal中把vultr自動續費給取消掉。

⑥ 當你註冊充值完了，就可以動手去建你的第一個伺服器了。點選servers右邊的加號來建立你的第一個伺服器吧。

⑦ 第一步先選擇機房國家，位置的話我們選擇離我們近一點的新加坡或者日本都可以。如下選擇一個離我們比較近的新加坡機房，這個機房裡已經沒有最低的3。5/month 那就選擇一個5/month 雖然價格貴了一些相應的配置也高一點。接下來勾選下enable IPv6 相容IPv6，下面的伺服器名稱取一個容易記的，可以是你的域名名稱，可以一次性開3個，然後選擇一個能用的，完了點選藍色的按鈕 deploy now 開始部署，等到installing變成running就OK了。此時你就在新加坡的機房租用了一個屬於你自己的空間。

——

選機房的時候有幾個問題要注意下，如果下面步驟 ⑨ 中遠端連線伺服器超時或者連線不上，那很有可能你開到的這個伺服器被國人給玩壞了。就銷燬掉重新開一個，我寫這個剛開始開的東京的機房，開了兩個都連不上，開一個的成本摺合人民幣6分錢左右吧。。

比如這個下面伺服器就是連線不上，不能用。刪掉它，就不會計費了，最後留一個你能用的就可以。

⑧ 開啟剛才建立的伺服器，有幾個引數要了解下，看下圖，每個月有1000g的免費流量（已經很多了），右邊的是本月份伺服器到現在的費用，這個是一個月一計算，平均一個小時0。007美分相當於人民幣4分錢。下面兩個就是伺服器的IP跟自己伺服器的遠端密碼，這個要隱藏好，相當於你家門的鑰匙，洩漏了隨便人都可以改你東西。

⑨ 伺服器已經準備好了，我們不懂程式碼也不懂計算機知識，沒有辦法用發命令的方法操控伺服器，所以就要裝一個視覺化面板來方便接下來的操作。可以安裝一個寶塔面板，我覺得寶塔對新手還是很友好的，比較好用。先註冊個賬號：寶塔面板 上面有一些服務，現在還用不著，等你以後熟悉了，有需要再去購買，我們先用免費版的。

第一步要先連線你的伺服器，windows和Mac系統方法不同，windows操作看一，Mac直接看二。

一、Windows：用ftp連線工具連線你購買的伺服器，這工具有很多種，會用的用自己習慣的，我用的是putty。

1。下載並執行putty，把你伺服器的IP輸入進去

2。點open 的時候會有一個彈窗，安全提示選擇yes就看下面的介面。打上 root 然後回車（Linux系統不能直接用刪除鍵，注意別打錯了）——如果在這一步一直卡住沒有提示你yes那可能就是這個IP是不能用的，重複上面⑦的步驟。

3。把你伺服器的密碼（看步驟⑧裡那串很複雜的數字）複製過來用快捷鍵ctrl+v或者單擊右鍵貼上（下面面板不會顯示你貼上的密碼，實際上已經貼上了），回車。

4。看到下面這個 ［root@vultr ~］ # 介面的時候就代表你已經連上你的伺服器了，可以直接安裝寶塔面板，看下一步。

5。安裝最新的寶塔6。8面板，複製下面虛線內程式碼，貼上，回車：

————-

yum install -y wget && wget -O install。sh

http：//

download。bt。cn/install/

install_6。0。sh

&& bash install。sh

————-

會看到下面滾程式碼的介面，碰到讓你選擇確定的介面直接輸入y，然後回車，安裝時間有幾分鐘，可以去泡杯茶再回來看看。

6。滾完程式碼了，就是下面這個介面了。

畫重點，下面框出來的是你的初始賬號和密碼，拿個小本本記起來，把這個資訊記下來後就可以把putty關了。

二、Mac：蘋果系統就簡單一點，不需要你再去下載工具，直接開啟你的終端工具。

1。find—應用程式—實用工具—終

端

2。輸入： ssh root@0。0。0。0 然後回車，會問你是否繼續連線，輸入yes，回車（0。0。0。0就是你的IP地址）——如果在這一步一直卡住沒有提示你輸入yes那可能就是這個IP是不能用的，重複上面⑦的步驟

3。把你伺服器的密碼（看步驟⑧裡那串很複雜的數字）複製過來用快捷鍵ctrl+v或者單擊右鍵貼上（下面面板不會顯示你貼上的密碼，不用擔心沒有貼上上，貼上一次就可以），回車。跟windows一樣出現如下提示代表你成功連線上伺服器。

4。安裝最新的寶塔6。8面板，複製下面虛線內程式碼，貼上，回車：

————-

yum install -y wget && wget -O install。sh

http：//

download。bt。cn/install/

install_6。0。sh

&& bash install。sh

會看到下面滾程式碼的介面，碰到讓你選擇確定的介面直接輸入y，然後回車，安裝時間有幾分鐘，可以去泡杯茶再回來看看。

————-

5。滾完程式碼了，就是下面這個介面了。

畫重點，下面框出來的是你的初始賬號和密碼，拿個小本本記起來，把這個資訊記下來後就可以把終端關了。

⑩

面板安裝完了現在可以開始登陸，配置你的伺服器環境了，寶塔都是一鍵配置的，不用你去逐條敲指令了。開啟瀏覽器，輸入剛才記下的引數，把SERVER_IP替換成你的IP（IP地址是多少？看步驟⑧ ）。其他不變，回車就跳轉到寶塔登陸面板。把上面的賬號密碼輸入進去然後回車。

⑪ 第一次登入要配置環境，按照下面框選的引數選擇完後點一鍵安裝就開始配置伺服器環境。時間大概十分鐘左右。

⑫ 安裝完畢，基本上我們已經完成了第二大步驟中的伺服器的準備了，但是還要再做兩件事情，點開安全，然後更改兩個東西，1。啟用禁用ping 2。ssh埠改掉預設的，自己選擇一個。這麼做的目的是避免一些菜鳥駭客用工具自動掃描攻擊你的伺服器。預設的密碼不好記可以面板設定裡面更改

⑬ 新建你的網站資料夾和資料庫。點左側導航欄的網站-新增站點，根據下圖輸入你之前買的域名，一個帶www的回車、一個不帶www的（這麼做目的是要告訴伺服器要接受這個門牌號），再建立一個數據庫，名稱預設的就可以。

⑭ 點提交後。點選進入根目錄資料夾，上傳wordpress壓縮包，就是第三大步驟中你的網頁檔案（前端+後臺），可以直接上傳zip壓縮檔案。

⑮ 將Wordpress資料夾裡所有的檔案剪下到上層資料夾裡，再刪除掉下面提示的三個檔案。

⑯ 回到阿里雲的控制檯面板，找到我們買過的域名，點選解析，新增一個A記錄（目的是告訴域名要掛到這個房間）上去。步驟如下，記錄值就是你伺服器的IP地址。

⑰ 開啟瀏覽器輸入你的域名。看到下面的介面就可以恭喜你前面幾步都成功了，你的域名能成功解析到你的網頁，並且你的伺服器也是可用的。再來設定下你的wordpress的工作面板，選擇簡體中文面板，點選繼續。

⑱ 填寫前面三個引數，將右邊寶塔面板裡資料庫的資訊複製到左邊對應的框裡面，填寫完畢點提交。

⑲ 填寫你網站後臺的賬號密碼，郵箱用你QQ郵箱就可以，填寫完畢點安裝wordpress，安裝完會跳轉到後臺登入面板。

⑳ 用剛才填寫的資訊登入後臺。

後臺介面一覽：

前臺初始介面：

OK，本篇到這裡就結束了，到這裡你已經從無到有建立起了一個屬於你自己的，可訪問的個人網站。

————

網址：www。youdomain。com

後臺：www。youdomain。com/wp-admin

————

開始慢慢積累你的創作與生活吧!

你可以在文章裡面發表你的日記、部落格，也可以新建一個頁面放你的作品集、照片。後臺頁面有很多的功能，慢慢研究吧，如何部署排版，用什麼主題決定了你前端展示出給訪客看的效果，wordpress有很多非常棒的主題，可以在網上找到很多，有需要的同學百度搜索wordpress。這種建站的方式雖然很方便，但是也有一些缺點，以後慢慢會發現出來，總體來說問題不大。

關於Wordpress後臺的一些設定和主題的應用，有人看了我在寫點我的經驗吧。

——

寫在最後還想嘮叨兩句。

關於如果只是要建站來進行作品展示的話，建議放到專業的設計網站上去，如behance、站酷、UI中國等，作品展示的本質在交流吧，設計網站上面專業性比較強，流量也高，還能收到同行的反饋，同時不需要自己搭建空間節省成本。但是如果你又想放到網上，又有不方便讓大部分人看見，或者想寫點自己的個人部落格，擁有自定義專屬域名，還愛折騰的話，不妨跟這步驟做一個自己的個人網站來吧！

——

Tips：經常會有些網站密碼要求大小寫或者帶符號，有的又沒有要求所以很容易記亂。這裡附一個表格，養一個好習慣，把用到的賬號密碼做一個備忘，方便下次登入。