學習目標
1.【瞭解】搭建網站須要的web構件和網站運行原理javascript
2.【掌握】如何搭建我的博客網站php
學習前言
你們都是學習開發的，相信都接觸過百度，新浪，淘寶，京東...等等網站吧，對。。。這些就是網站，這篇文章就是教你們如何搭建一個這樣的網站。咱們在平時上網過程當中，有沒有去想過網站是如何搭建的呢？網站又是如何運行的呢？搭建一個網站須要很是專業的知識嗎？帶着這些問題來學習本篇文章的內容，經過本章學習，輕鬆搭建本身的我的博客網站徹底不是問題。css
我不會去給童靴們講什麼html,css+div,javascript啥的前端技術，那是對面UI班妹子們學習的，也不會講什麼asp,php,jsp啥的網站後端編程，我也沒那技術去講，更不會去講啥MySQL,Oracle啥的數據庫，咱們的學習目的只有一個！就是如何搭建一個我的網站。html
也許有人會說，樓主你個傻吊，你肯定沒有逗我？博客還須要搭建網站？直接去註冊個CSDN博客，cnblogs啥的，不是分分鐘的事情麼？爲嘛還要搭建網站？你的懷疑是對的，這樣確實能夠作一個博客，也能夠發佈本身的技術文章，並且還節省了購買域名和主機的錢。前端
但我要強調的是：本章是學習如何搭建我的博客網站？並非教你們去註冊博客，其實你那註冊的博客，跟QQ日誌有啥區別？若是沒有疑問，那麼開始咱們的學習，有疑問的同窗，喜歡仍是不喜歡，均可以瞭解下，並無任何壞處。java
由於你們都是社會棟樑，我就不去寫小學生才能看懂的教程了，直接入正題！程序員
什麼是網站？仍是這個問題，我再跟你們講解下。網站其實也是一種軟件，咱們是學習IOS開發，咱們和學PHP的哥們同樣，都是開發軟件，只是學習PHP的哥們開發的軟件大都是經過瀏覽器（Safari,Firefox,chrome等等）來訪問的。但咱們不是去學習開發網站，只是搭建網站，也就是讓現成的開源建站程序（軟件..）運行起來。咱們的目的就達到！web
搭建一個網站主要須要知足三大要素，域名（也就是網址），主機（能夠是虛擬主機，也能夠是vps,甚至服務器），網站程序（開源網站程序，例如discuz，Wordpress，dedecms等等）。咱們要作的事情是，註冊購買域名，並在有PHP運行環境的主機上安裝網站程序，由於咱們是要作博客網站，因此我就以WordPress爲例，這是一個世界上用戶最多的博客程序，功能強大，操做簡單。chrome
須要用到的工具和那啥
1.要錢的：域名，主機，數據庫（購買主機會送數據庫，單獨買數據庫須要錢）數據庫
2.不要錢的：網站程序，網站模板，FileZilla
第一步：註冊域名
什麼是域名？說通俗點，就是咱們訪問網站的網址。
說到域名，我不得不跟你們提一個東西，那就是IP。什麼是IP呢？咱們知道，在Internet上有千百萬臺主機，爲了區分這些主機，人們給每臺主機都分配了一個專門的地址，稱爲IP地址。經過IP地址就能夠訪問到每一臺主機，域名的做用就是經過域名解析，把域名指向IP地址，這樣就達到了在url欄輸入域名就能訪問對應IP的主機上的資源。
那怎麼註冊一個域名呢？註冊域名要錢嗎？
要錢！我能夠確定的告訴你們，註冊域名要錢！雖然也有一些免費的域名註冊商，但那些都是一些垃圾的.tk啥的。域名具體分類就不跟你們說了，否則都看暈了，只要知道域名後不少不少後綴，好比.com，.cn，.net，.org，.cc等等。他們有啥不一樣我也不說了，都是域名，知道價格不一樣就好了。。
註冊：
說了半天廢話，還沒說到怎麼註冊域名。。。由於須要瞭解的東西實在是太多，一時間說不清楚，註冊域名只要去域名註冊商都能註冊，好比國內有名的萬網，新網，西部數碼等等，都有提供域名註冊服務。註冊流程就不說了，跟註冊個帳號沒啥區別，而後就是付款就好了，.com域名價格在50元一年左右。註冊好域名先放一邊，繼續瞭解下一步！
第二步：購買主機
主機和咱們用的臺式機，筆記本沒有太大不一樣，也就是你用電腦均可以當作網站運行的主機來使用，不過這裏不行，爲嘛不行就不說了，反正就是不行。。
咱們搭建博客的話，推薦使用香港虛擬主機（51PHP，恆創主機等等比較有名），由於香港主機免備案，速度也不算太慢（比起國外的主機來講，由於主機距離用戶太遠了）。這裏提到了域名備案，再跟你們BB幾句，在不懂備案或者嫌備案麻煩的狀況下，千萬別購買國內的主機，國內的主機須要域名備案，不然沒法訪問！所謂域名備案，也就是註冊的域名想要解析到國內的主機（國內IP）上，須要向工信部門提交資料申請（具體資料啥的我就不提了），可直接經過主機提供商協助完成備案，詳細備案流程主機提供商會提供，備案審覈時間通常在15-30天左右。
咱們搭建博客網站，購買一個磁盤空間大小500~1000M的PHP主機就夠了，價格大概在200RMB左右，而且會附送MySQL數據庫。不推薦購買雲服務器，VPS啥的，由於用不了那麼多資源。若是你錢多燒手也能夠購買雲服務器，畢竟訪問速度不是虛擬主機能夠比擬的。
第三步：域名綁定
主機購買成功後，進入主機管理界面，找到相似【域名綁定的字樣】選項，而後輸入你註冊的域名綁定。（國內主機須要域名備案後才能綁定，香港或者國外的主機則不須要備案便可直接綁定）
第四步：解析域名
在第1步和第2步都完成的狀況下，才能進行這一步。簡單的給你們介紹一下，什麼是域名解析！域名解析是把域名指向網站主機的IP，讓人們經過註冊的域名能夠方便地訪問到網站一種服務。那具體要怎麼解析域名呢？具體看虛擬主機域名綁定管理界面的具體要求或者主機是否是獨立IP（獨立IP也就是這個主機的IP就這主機使用，這種主機能夠直接用IP在URL欄輸入訪問）。
1.若是不是獨立IP，那咱們就選擇cname別名方式解析域名。
2.若是是獨立IP，那咱們就選擇a記錄的方式解析域名。
第五步：網站程序
這裏以WordPress爲例，由於他很是適合作一個優秀的博客網站。直接百度搜索Wordpress，去Wordpress中國官網或者直接百度下載壓縮包。固然，還有其餘不少程序也能夠作博客網站，好比Z-BLOG，emlog等等均可以，和Wordpress安裝方法無區別，憑我的喜愛。下載好壓縮包後，便可進行下一步。
第六步：上傳程序
由於咱們都是用的Mac OS X系統，因此推薦你們使用FileZilla上傳工具，百度FileZilla直接下載安裝。若是是在windows平臺，推薦你們使用FlashFXP（我的以爲很好用）。而後打開安裝好的FileZilla，填寫主機，用戶名，密碼，端口。
主機：寫你解析成功的域名或者購買虛擬主機附送的多級域名或者你主機的IP都行
用戶名：這裏是用戶名是主機的FTP用戶名
密碼：這裏的密碼是主機的FTP密碼
端口：22（默認22端口）
填寫好了之後，鏈接到服務器，你會看到幾個目錄（通常有www或wwwroot和log啥的），進入wwwroot目錄，而後把你下載好的網站程序壓縮包直接拖到FileZilla裏。而後在傳送框裏選擇，上傳。而後右鍵選擇的上傳的壓縮包，重命名爲a.zip，進行下一步
第七步：解壓網站程序並規範網站文件目錄
上傳完成後，再次進入主機管理界面，找到【主機管理】字樣的選項，再找【在線解壓】的選項（大部分主機在線管理網頁界面的選項都差很少的，很容易找到，別太死板了哈）。點擊【在線解壓】選項後，輸入文件名a.zip，點擊解壓。而後等待兩分鐘。。。。。爲嘛要等待兩分鐘，由於你點擊解壓後立刻去FileZilla刷新，而後進入解壓後的目錄，再屢次刷新會發現有目錄和文件陸續被解壓，等待就是讓他解壓完成。。。。其實從發送指令到解壓完成就一瞬間的事情，這麼小的壓縮包。不過因爲不一樣人的運氣有所不一樣，因此等待兩分鐘比較保險。
兩分鐘事後。。。在FileZilla網站目錄窗口點擊進入wwwroot/a/wordpress目錄（就是能看到不少目錄和.php文件的那一層），全選全部目錄和文件，而後右鍵-->而後移到wwwroot目錄，wwwroot目錄忘記說了，這個是網站根目錄。注意：並非全部虛擬主機根目錄都是叫wwwroot，不過都差很少，把網站程序解壓後移動到根目錄就好了。
第八步：安裝網站程序
上面七步全部工做準備就緒後，就能夠進行網站程序安裝了。
在URL欄輸入你註冊並解析到已綁定域名成功的主機上的域名，而後就會看到一個安裝界面，就能夠開始安裝程序了。
這時會看到要求你輸入一些信息，數據庫名、數據庫用戶名、數據庫密碼等。購買主機後會附送數據庫，你在數據庫管理界面能夠查看到你的數據庫名，數據庫用戶名和數據庫密碼。通常附送的MySQL數據庫的數據庫名和數據庫用戶名是相同的，但別弄混淆了，這不是一個概念。而密碼隨機生成的，你不去改就不會改變的。因此你直接copy過來就好了。填好後下一步，程序會自動安裝，若是沒有出錯會看到一個讓你填幾個信息的界面。大概是網站名稱（之後可改），網站用戶名（登錄網站後臺用的管理員帳號），網站密碼（管理員密碼），管理員郵箱（接收Wordpress官方郵件的）等等。
大多開源程序的安裝步驟和搭建方法都大同小異，若是你不是選擇Wordpress也適用！當Wordpress安裝完成後，會自動跳轉到管理員登錄界面，也就是http://xxxx.xx/wp-admin.php。
至此，你的博客網站搭建完成！！！！
第九步：安裝Wordpress模板
若是上面步驟都沒有出錯，你的博客網站已經成功搭建，可是你訪問你的域名，有沒有發現界面不是很滿意？若是要換是否是須要本身設計？是否是須要學習前端技術？
其實並不須要你們親自去設計開發網站界面（若是你會，也能夠本身設計開發），你們百度一下Wordpress模板，就能看到不少網站都有提供Wordpress模板下載，你們能夠去下載一款本身喜歡的模板。
安裝模板的步驟很是的容易。在Wordpress後臺選擇【外觀】-【主題】，而後點擊【添加】-【上傳主題】。保證你下載的主題是.zip壓縮文件就好了，上傳後會自動解壓並安裝的。安裝成功後選擇你安裝的模板，並點擊【啓用】就OK。
第十步：完善網站基本信息
這裏我只簡單介紹幾點，其餘要本身去摸索。。。
以個人博客爲例，你們能夠看到導航位置有【Swift】，【Xcode】，【Study】等等，這些都是網站的欄目，說簡單點就是網站文章目錄。
新建分類目錄：在網站後臺的【文章】-【分類目錄】裏能夠添加，並在【外觀】-【菜單】裏添加到導航欄位置。
設置網站標題：還有須要注意的是博客的博客名是在後臺【設置】-站點標題-副標題填寫，也就是我這個博客的【六阿哥博客】是站點標題，副標題是【記錄一個iOS程序員的成長曆程】。
設置網站關鍵字和描述：網站【關鍵詞keywords】和【描述description】是在【外觀】-【主題選項】裏面進行設置。這個涉及到網站SEO知識，我就很少作講解。其餘功能請自行摸索，不會的能夠私下和我交流。
學習總結：
寫了這麼多，全是憑記憶寫出來的，由於因爲沒有實際操做截圖給你們，文字篇幅有點過長。不過寫了這麼多，概括到一塊兒，其實也就是購買域名和主機、下載Wordpress、安裝Wordpress。詳細步驟，你們仔細看看，多摸索下就會了。還有，作網站不必定須要花錢，若是實在是不想花錢，也有免費域名，免費虛擬主機能夠用的，不過穩定性沒有收費的好罷了。
搭建網站的流程就這樣了，不管你是之後給本身公司作個企業官網，或者本身作個我的網站，論壇啥的。流程都差很少，只是需求很少，咱們作的也就不一樣。搭建網站我只是給你們寫了一個流程，具體還有不少不少東西，沒有深刻學習，是沒有辦法理解的。好比服務器環境配置，PHP編程，前端設計，SEO優化，博客運營等等。。。都須要投入很多精力，寫完了。
若是你都看完了，我想說的是本文無圖教程。。。。若是沒有看懂，若是你有意搭建一個網站，請借我一臺雲服務器錄製視頻教程好伐。