對于很多人來說，其實搭建網(wǎng)站（不限于個人網(wǎng)站）可以大大激發(fā)學(xué)習(xí)興趣，還可以把之前似懂非懂的理論知識付諸實踐、串聯(lián)起來，是個很好的鍛煉技術(shù)能力的方式，而且，要是能真正利用起來，可能還有意想不到的收獲。

  這里，我整理了一份快速建站教程，大家有興趣可以試試看。

1. 選擇合適的平臺

  如果你想快速搭建一個好用的、移動友好的、功能性的網(wǎng)站，那么你需要選擇一個平臺（也被稱為 CMS）

1.1 什么是 CMS？

  CMS 全稱為 Content Management System ，也就是內(nèi)容管理系統(tǒng)。

  回首 2004 年，彼時，大多數(shù)的網(wǎng)站是用 html, css, 甚至還有 flash 寫的，這需要一點點寫大量的代碼，需要花費巨大的時間和精力去學(xué)習(xí)，而且還不容易掌握。

  這就是為什么至今還有人覺得從頭開始創(chuàng)建一個網(wǎng)站是多么困難的事情, 涉及到許許多多的 coding 和 design 技能。

  然而，并非如此。

  到今天， 2018 年，使用像 WordPress 這樣的 CMS ，任何人都可以輕而易舉的創(chuàng)建網(wǎng)站。

  簡單的說，CMS（或者其他的建站平臺）就是一個用戶友好的，用來搭建網(wǎng)站、管理在線內(nèi)容的平臺。

1.2 2018 年最流行的建站平臺

  根據(jù) W3Techs 最近的調(diào)查結(jié)果顯示，WordPress 是目前最流行的 CMS （55%），后面兩個是 Joomla (20%) 和 Drupal (11%)。

1.3 下面是為什么推薦使用 WordPress 建站的原因

  WordPress vs. HTML & CSS： 從零開始學(xué)習(xí) HTML 大概會花費 6 個月以上的時間，更不要說還有 CSS，PHP。雖說能掌握 HTML 基礎(chǔ)知識更好，但是如果你想要在一兩天之內(nèi)，就可以創(chuàng)建一個屬于自己的網(wǎng)站的話，那么從頭開始學(xué) HTML 并不是一個可行的方案。

  WordPress vs. Website Builders: Website Builders 通常比較貴，而且功能受限，如果網(wǎng)站只有一個頁面的話，用 Website Builders 是挺好的，如果有很多頁面的話，Website Builders 并不是一個好的選擇。

  WordPress vs. Joomla/Drupal: Drupal 是一個強(qiáng)大的建站平臺，在 web 開發(fā)人員和有經(jīng)驗的程序員當(dāng)中，非常流行，但是因為它陡峭的學(xué)習(xí)，對于初學(xué)者來說，并不是一個好的選擇。Joomla 也不錯，只是跟 WordPress 相比，它要求建站者擁有更多的編程技能。

1.4 強(qiáng)烈建議初學(xué)者使用 WordPress

  說實話，這是筆者用過的最簡單的一個建站平臺。同時，它也非常的靈活，從小企業(yè)主，到搞藝術(shù)創(chuàng)作和博客網(wǎng)站的自由工作者，它幾乎適用于任何人。

1.5 在開始下一步之前，你需要：

  √選擇一個建站平臺，我這里推薦的是 WordPress，因為它簡單且免費。本教程就是以 WordPress 為例，教你如何搭建自己的網(wǎng)站。

  √目前為止，你不需要下載安裝任何東西，接下來，跟我一步步的做就好。

2. 獲取域名和虛擬主機(jī)

  搭建 WordPress 之前 ， 首先要做兩件事：

• 獲取域名 （就像 http://yoursitename.com 這樣的一個網(wǎng)站地址）
• 獲取虛擬主機(jī)（一個提供了托管服務(wù)的，把你的網(wǎng)站同 Internet 連接起來的服務(wù)器）

  WordPress 本身是免費的，但是購買域名和虛擬主機(jī)，則需要每月花費一點點錢，好在并不貴，可能就是一杯咖啡的錢。

  擁有自己的域名，可以讓網(wǎng)站可以比 http://yourbusiness.my-free-website.com 這種用別人的域名看起來更專業(yè)。

  擁有自己的虛擬主機(jī)，可以保證它不會什么時候突然掛掉，而且它還可以提供非常快的響應(yīng)速度。

2.1 如何獲取域名和虛擬主機(jī)

  國內(nèi)的話推薦使用阿里云，國外的話可以選擇 Godaddy，Name，Bluehost 等，都可以。

  下面以 http://www.Bluehost.com 為例，講解如何注冊域名，獲取虛擬主機(jī)。

  它實際上并不貴，而且客服比較好，并且目前它上面有免費域名可供選擇，非常值得一試。

  一旦你在上面獲取了一個域名，你同時也會獲得一個個人 email 賬號，比如 you@yoursite.com 這樣的，它看起來比你用第三方域名注冊的 email 賬號顯得專業(yè)多了。

  下面講一步步的教你如何申請域名，獲得虛擬主機(jī)，配置網(wǎng)站等。

2.2 步驟詳解

2.2.1 登陸 http://Bluehost.com

2.2.2 選擇網(wǎng)站托管計劃

  點擊 get started now 進(jìn)入 select your plan 頁面。

  對于新手來說，basic 也就是 $2.75/mon 就基本夠用了。plus 和 prime 相對較貴，因為較之 basic，它們提供了更多的功能，但對新手和新網(wǎng)站來說，暫時還用不到這么多的功能。所以，這里選擇最便宜的 basic 就好了。

2.2.3 取一個好的域名

  這有兩條簡單實用的原則：

• 如果是為自己的公司申請域名，那么就取一個跟公司名字相關(guān)聯(lián)的域名，比如 http://YourCompanyName.com
• 如果是為個人申請域名，類似 http://YourName.com 這樣的就可以了。

  域名通常以 .com， .org， .net 結(jié)尾，但是最近還出現(xiàn)了許多像 .agency， .pizza 這樣的擴(kuò)展域名。

  在域名選取上，筆者的建議是，盡量用 .com， .net，.org 這些常見域名，最好不要用奇奇怪怪的擴(kuò)展域名。

2.2.4 填寫個人信息

  填好域名之后，點擊 next, 如果域名可用，那么就進(jìn)入 create your account 頁面。

  填好表格中的個人信息之后，你注冊的郵箱中會收到一封確認(rèn)郵件。

2.2.5 核對 Package 信息

  默認(rèn)付費時長為 3 年，在 Account Plan 里面也可以對它進(jìn)行更改。后面那些收費選項，是額外提供的一些服務(wù)，可以按需購買，最后仔細(xì)核對最終的付費信息。

2.2.6 創(chuàng)建密碼

  填好支付信息之后，點擊提交，接下來就是付款了。

  付好款后，會有一封確認(rèn)郵件發(fā)到你的郵箱，此時就代表注冊和購買成功了。

  接下來，會提示為你的賬戶創(chuàng)建密碼。

2.3 在開始下一步之前，你需要：

  √想出一個獨具特色、跟你個人業(yè)務(wù)相匹配的域名

  √購買虛擬主機(jī)來托管你的網(wǎng)站

3. 搭建網(wǎng)站

  購買好域名和虛擬主機(jī)，現(xiàn)在就可以開始搭建自己的網(wǎng)站了。

3.1 安裝 WordPress

  第一步是在虛擬主機(jī)中安裝 WordPress。

  有兩種安裝方式。

3.1.1 一鍵安裝

  現(xiàn)在絕大多數(shù)的虛擬主機(jī)都支持 WordPress 一鍵安裝，因為它大大簡化了安裝過程，節(jié)省了建站者不必要的體力勞動。

  注冊好 Bluehost 虛擬主機(jī)之后，你會在個人賬戶管理頁面上發(fā)現(xiàn)一鍵安裝（1-click-installation）功能。

  步驟如下，其他虛擬主機(jī)供應(yīng)商大體類似。

• 賬戶登陸 Bluehost
• 找到 control panel
• 找到 WordPress 或者 Website 圖標(biāo)
• 選擇你要安裝的網(wǎng)站的域名
• 點擊 Install Now，安裝結(jié)束之后，就可以訪問你的 WordPress 網(wǎng)站了。

3.1.2 手動安裝

  如果虛擬主機(jī)并沒有提供 WordPress 一鍵安裝功能，那么就只好手動安裝了。手動安裝略麻煩，這里就不做展開說明了。

3.2 為網(wǎng)站選擇主題模板

  安裝好 WordPress 之后，訪問域名，你會看到一個最基本的頁面。

  接下來，可以定制化你想要的主題，下面是一個例子。

  WordPress 提供了上千個專業(yè)的主題可供選擇，你可以根據(jù)這些主題來定制化你的網(wǎng)站頁面。

3.3 如何找到想要的主題

3.3.1 登陸 WordPress dashboard

  如果你不知道如何登陸，可以在瀏覽器 URL 欄輸入 https://yoursite.com/wp-admin ， 把 yoursite 替換成你自己的域名就好了。

  WordPress dashboard 就是這個樣子的。

3.3.2 找到免費主題

  在 WordPress dashboard 當(dāng)中，有超過 1500 個的免費主題可以使用。在邊側(cè)的導(dǎo)航欄中找到 Appearance，然后點擊 Themes。

  如果這里主題的不足以滿足你的需求，那么可以去 http://ThemeForest.net 上面找，這上面有大量的價格不等的主題可以選擇。

  不過在這之前，還是建議你多看看 WordPress dashboard 上面的免費主題，它們很多都做得非常專業(yè)。

  就像圖中顯示的，安裝主題非常的簡單方便，

  你可以用關(guān)鍵字搜索想要的主題，找到最適合自己的。

  另外，你應(yīng)該盡量使用 responsive 的主題，這代表了它在移動設(shè)備上同樣適配。

3.3.3 安裝主題

  找到你喜歡的主題，然后點擊 install now 開始安裝，非常的簡單。

  說明一下， 改變主題并不會刪掉你以往的網(wǎng)站數(shù)據(jù)，你大可以頻繁、放心的更換主題。

3.4 如何為網(wǎng)站增加內(nèi)容和創(chuàng)建新的頁面

  主題安裝好之后，就可以為網(wǎng)站增添內(nèi)容了，下面讓我們來快速看下相關(guān)的一些基本知識。

3.4.1 增加和編輯頁面

  想增加一個「服務(wù)」頁面？或者 「關(guān)于我」頁面？

• WordPress Dashboard 側(cè)邊工具欄中找到 Pages -> Add New。
• 接下來，你會發(fā)現(xiàn)一個跟 Word 差不多的界面，在里面加入你想要的圖文，然后保存就可以了。

3.4.2 增加頁面至菜單

  如果你想把一個頁面鏈接到菜單導(dǎo)航欄，這么做：

• 點擊 Update 按鈕，保存對頁面的所有更改。
• 點擊 WordPress Dashboard 側(cè)邊工具欄上的 Appearance -> Menus
• 找到你剛剛創(chuàng)建的頁面，然后選中， Add to Menu

3.4.3 增加和編輯推送

  如果你是博客類型的網(wǎng)站，那么可能就需要經(jīng)常的推送文章，你可以使用 categories 為相似的文章分類。

  比如，你想創(chuàng)建一個名為 blog 的 category， 那么就把它加入菜單，接下來開始文章推送就好了。

  你需要做的是：

• 點擊 WordPress Dashboard 側(cè)邊工具欄上的 Posts -> Categories

  或者

• 點擊 Posts -> Add New 創(chuàng)建一個新的博客推送。編輯好博客之后，把它放進(jìn)合適的 category

  創(chuàng)建好 category 之后，把它放進(jìn)菜單中，就 OK 了。

3.5 定制化和不斷的調(diào)整

3.5.1 更改頁面 title 和 tagline

  頁面 title 向訪問者直觀展示了自己網(wǎng)站的用途，很大程度上它也決定了你的網(wǎng)站在搜索引擎上的排名，所以，確保頁面 title 含有合適的關(guān)鍵字，并且網(wǎng)站上所有的頁面都應(yīng)該有一個獨特的 title。

  Tagline 則是跟在每個頁面的 title 末尾。

  修改 title 和 tagline，是在 WordPress Dashboard 側(cè)邊工具欄上的 Settings -> General 位置。

3.5.2 禁用留言和評論

  禁用頁面留言

• 創(chuàng)建一個新的頁面的時候，點擊右上角的 Screen Options 選項
• 點擊 Discussion，底部出現(xiàn) Allow Comments 復(fù)選框
• 把 Allow Comments 復(fù)選框的勾去掉。

  禁用所有頁面留言

• 找到 WordPress Dashboard 側(cè)邊工具欄上的 Settings -> Discussion
• 去掉 Allow people to post comments on new articles 復(fù)選框中的勾

3.5.3 設(shè)置靜態(tài)頁面

  靜態(tài)頁面是不會發(fā)生改變的頁面。

  不像博客網(wǎng)站，最后發(fā)布的文章/頁面往往排在最前面，靜態(tài)頁面是每次登陸和訪問看到的都是同樣的內(nèi)容，就像你指定的主頁一樣。

  設(shè)置靜態(tài)頁面的方法：

• 找到 Settings -> Reading
• 選中 A static page

  如果沒有設(shè)置靜態(tài)頁面，WordPress 會把你最新的推送顯示在主頁上。

3.5.4 編輯側(cè)邊欄

  大多數(shù)的 WordPress 主題都會在右邊顯示側(cè)邊欄 （有時也在左邊）

  如果不想要側(cè)邊欄，或者要更改側(cè)邊欄中顯示的內(nèi)容，可以這么做：

• 在 WordPress Dashboard 中找到 Appearance -> Widgets
• 在這里，可以采用拖放的方式，對側(cè)邊欄進(jìn)行更改

3.6 安裝插件以獲取更多功能

3.6.1 什么是插件

  插件的作用是用來擴(kuò)展 WordPress 能力、為你的網(wǎng)站增加額外的功能。

  使用插件，避免了自己從頭開始開發(fā) feature 的麻煩之處，可以快速構(gòu)建你想要的功能。

  插件幾乎做任何事，比如 添加相冊、提交表格、優(yōu)化網(wǎng)站，開網(wǎng)店等。

3.6.2 如何安裝插件

  在 Plugins -> Add New 中，搜索自己想要的插件，免費的插件有超過 25,000 之多，所以你有很多的選擇余地。

  安裝插件非常簡單，找到你想要的插件，點擊 install 就可以了。

  這里簡單介紹下目前最流行的三個插件。

• Contact form 7： 使用這個插件，不用登陸第三方郵箱，就可以方便的給網(wǎng)站 owner 發(fā)郵件。
• Yoast SEO for WordPress：　如果想要你的網(wǎng)站擁有　SEO　的能力，那么這個插件是個很好的選擇，重要的是，它是免費的。
• Google Analytics: 這個插件可以有效統(tǒng)計流量信息和訪客行為。

恭喜，到此為止，一個還不錯的網(wǎng)站就上線了

文章主要翻譯自 https://websitesetup.org
首發(fā)于微信公眾號：紅猴子