Blog 【如何搭建自己的個人技術部落格網站】

NO IMAGE

如何搭建自己的個人技術部落格網站

學習目標

1.【瞭解】搭建網站需要的web構件和網站執行原理

2.【掌握】如何搭建個人部落格網站

學習前言

大家都是學習開發的,相信都接觸過百度,新浪,淘寶,京東…等等網站吧,對。。。這些就是網站,這篇文章就是教大家如何搭建一個這樣的網站。我們在平時上網過程中,有沒有去想過網站是如何搭建的呢?網站又是如何執行的呢?搭建一個網站需要非常專業的知識嗎?帶著這些問題來學習本篇文章的內容,通過本章學習,輕鬆搭建自己的個人部落格網站完全不是問題。

我不會去給童靴們講什麼html,css div,javascript啥的前端技術,那是對面UI班妹子們學習的,也不會講什麼asp,php,jsp啥的網站後端程式設計,我也沒那技術去講,更不會去講啥MySQL,Oracle啥的資料庫,我們的學習目的只有一個!就是如何搭建一個個人網站。

也許有人會說,樓主你個傻吊,你確定沒有逗我?部落格還需要搭建網站?直接去註冊個CSDN部落格,cnblogs啥的,不是分分鐘的事情麼?為嘛還要搭建網站?你的懷疑是對的,這樣確實可以做一個部落格,也可以釋出自己的技術文章,而且還節省了購買域名和主機的錢。

但我要強調的是:本章是學習如何搭建個人部落格網站?並不是教大家去註冊部落格,其實你那註冊的部落格,跟QQ日誌有啥區別?如果沒有疑問,那麼開始我們的學習,有疑問的同學,喜歡還是不喜歡,都可以瞭解下,並沒有任何壞處。

因為大家都是社會棟樑,我就不去寫小學生才能看懂的教程了,直接入正題!

什麼是網站?還是這個問題,我再跟大家講解下。網站其實也是一種軟體,我們是學習IOS開發,我們和學PHP的哥們一樣,都是開發軟體,只是學習PHP的哥們開發的軟體大都是通過瀏覽器(Safari,Firefox,chrome等等)來訪問的。但我們不是去學習開發網站,只是搭建網站,也就是讓現成的開源建站程式(軟體..)執行起來。我們的目的就達到!

搭建一個網站主要需要滿足三大要素,域名(也就是網址),主機(可以是虛擬主機,也可以是vps,甚至伺服器),網站程式(開源網站程式,例如discuz,Wordpress,dedecms等等)。我們要做的事情是,註冊購買域名,並在有PHP執行環境的主機上安裝網站程式,因為我們是要做部落格網站,所以我就以WordPress為例,這是一個世界上使用者最多的部落格程式,功能強大,操作簡單。

需要用到的工具和那啥

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優化,部落格運營等等。。。都需要投入不少精力,寫完了。

如果你都看完了,我想說的是本文無圖教程。。。。如果沒有看懂,如果你有意搭建一個網站,請借我一臺雲伺服器錄製視訊教程好伐。