在傻瓜式部署方式出現(xiàn)問題之后，我們該通過什么方法搭建網(wǎng)站呢？其實(shí)京東云擎本身已經(jīng)給出了答案，那就是Git。關(guān)于Git是什么我們就不做過多介紹了，它與以前的FlashFXP這類FTP工具的作用很相似，但又比這些工具強(qiáng)大的多，而了解網(wǎng)站建設(shè)的朋友對于FlashFXP這類工具一定不會陌生，因?yàn)槟阆胍丫W(wǎng)站建立在服務(wù)器上，就需要用到FTP工具。

Git完全使用指南

因此接下來，我們就來詳細(xì)介紹一下Git的使用方法，同時(shí)本篇文章是以ZBlog建站為例來進(jìn)行講解的，學(xué)會了Git的使用方法，那么無論是Zblog，還是WordPress，亦或是Discuz，再或是你自己親手設(shè)計(jì)的網(wǎng)站，都可以直接部署到京東云擎等虛擬服務(wù)器上。

好了閑話不多說，下面我們就進(jìn)入正題吧！

·Git建站首先要做哪些準(zhǔn)備？

在使用Git部署網(wǎng)站之前，首先你需要準(zhǔn)備以下幾個(gè)安裝文件：

1.去ZBlog官網(wǎng)下載ZBlog壓縮包。

2.在京東云擎下載Git Bash安裝包。

3.搜索SourceTree，下載安裝包。

其次你需要有以下幾個(gè)條件：

1.本教程虛擬服務(wù)器以京東云擎為例，所以你要有一個(gè)京東帳號。

2.在京東云擎里建立一個(gè)PHP應(yīng)用。

3.在京東云擎里建立一個(gè)MySQL數(shù)據(jù)庫。

（具體可以參看《小學(xué)生都能看懂 教你打造免費(fèi)個(gè)人網(wǎng)站》）

這兩步準(zhǔn)備好了之后，我們就開始本次的教程吧。

關(guān)于Git Bash的安裝過程和方法就不多說了，大家直接點(diǎn)擊安裝之后，始終下一步即可。Git Bash安裝好打開之后的界面如下圖所示。OMG，這樣的界面我們怎么用呢？

Git Bash安裝好之后的界面，呃……這個(gè)怎么用呢……

別慌，Git Bash對于像筆者這樣的小白來說當(dāng)然是不好用，但是我們下載的SourceTree可以讓Git Bash變成我們熟悉的使用方式。還等什么？趕快點(diǎn)擊SourceTree的安裝包進(jìn)行安裝吧。

填寫基本信息

開始安裝之后會遇到上面和下面的這些界面，除了用戶信息自定義填寫之外，其它跟筆者保持一致即可。

默認(rèn)選擇PuTTY/Plink即可

托管服務(wù)商你有的話填上就可以了，沒有也沒任何影響，直接點(diǎn)擊完成即可。不過點(diǎn)擊之后會提示檢測托管服務(wù)商，這時(shí)候直接點(diǎn)擊跳過就好了。此外，安裝過程中可能還會問你要不要加載一個(gè)SSH密鑰，這個(gè)暫時(shí)可以不添加，直接跳過即可。

有的填沒有的直接點(diǎn)擊完成按鈕

升級安裝一下即可

如果安裝的過程中出現(xiàn)上面這個(gè)對話框，那么選擇紅框標(biāo)出的選項(xiàng)即可。SourceTree與Git的安裝都很簡單，SourceTree其實(shí)是Git的圖形化客戶端，有了SourceTree，我們就不必為Git的命令式操作發(fā)愁了。安裝好之后打開SourceTree客戶端，然后放著就好。

·如何建立Git與JAE的聯(lián)系？

接下來我們進(jìn)入京東云擎（JAE），關(guān)于云擎如何使用，之前的文章已經(jīng)介紹的很清楚了（請依然參考：《小學(xué)生都能看懂 教你打造免費(fèi)個(gè)人網(wǎng)站》），這里就不再贅述了。

進(jìn)入云擎之后，你需要建立一個(gè)PHP應(yīng)用，因?yàn)槲覀儽酒ㄕ镜睦覼Blog也有PHP版本提供。

首先點(diǎn)擊下圖右上角的“新建應(yīng)用”按鈕，在彈出的頁面里選擇第二項(xiàng)PHP應(yīng)用，之后隨意（你想要的）填寫下面的二級域名即可。建立好之后就是下面的樣子，同時(shí)要看一下狀態(tài)是否正常，如果正常的話就可以往下繼續(xù)了，不正常的話再多建幾遍（確實(shí)只有這個(gè)方法）。

進(jìn)入京東云擎創(chuàng)建PHP應(yīng)用，之后點(diǎn)擊步驟2下的Git地址“點(diǎn)擊訪問”

建立好PHP應(yīng)用之后，我們點(diǎn)擊上圖數(shù)字2標(biāo)識的“Git地址：點(diǎn)擊訪問”文字鏈。之后會進(jìn)入你所創(chuàng)建的代碼庫頁面，如下圖所示：

進(jìn)入代碼庫頁面（初始沒有這么多文件）

剛剛建立的代碼庫中是沒有上圖里顯示的那么多文件的，所以大家不用有疑問，初始大概只有readme.txt、index.php等三個(gè)文件。在這個(gè)頁面里點(diǎn)擊你的用戶名，比如筆者的用戶名是“yinhangwwq”，點(diǎn)擊之后會進(jìn)入下圖所示頁面：

點(diǎn)擊ssh管理，之后點(diǎn)擊添加

進(jìn)入這個(gè)頁面之后先點(diǎn)擊“ssh管理”標(biāo)簽，之后才能看到綠色的“添加”按鈕，然后點(diǎn)擊添加按鈕進(jìn)入下一個(gè)頁面即可，這里就先放著不用管了。

打開SoureTree，點(diǎn)擊左上角的“克隆/新建”，右側(cè)對話框點(diǎn)擊“創(chuàng)建新倉庫”

之前讓大家打開SourceTree，沒有手賤關(guān)了吧？讓我們回到SourceTree，首先點(diǎn)擊左上角紅框標(biāo)識的“克隆/新建”按鈕，之后會彈出右側(cè)對話框，在右側(cè)對話框上點(diǎn)擊“創(chuàng)建新倉庫”按鈕。之后你可以在你的硬盤里建立一個(gè)倉庫目錄，比如筆者就建立在D盤JAE文件夾里的CDN文件夾里。選擇相應(yīng)路徑之后點(diǎn)擊創(chuàng)建按鈕即可。

建立好之后，你可以把之前下載的ZBlog壓縮包解壓縮到這里。

創(chuàng)建SSH密碼

創(chuàng)建好新倉庫之后，找到SourceTree工具欄上的“工具”按鈕，在下拉菜單中點(diǎn)擊“創(chuàng)建或?qū)隨SH密碼”。點(diǎn)擊之后會彈出下圖所示對話框：

點(diǎn)擊Generate按鈕

在對話框中點(diǎn)擊“Generate”按鈕，然后會彈出綠色的進(jìn)度條，SSH產(chǎn)生的時(shí)間比較久，耐心等待一會兒吧。

大家可能對“新建倉庫”有一些疑問，啥是倉庫呢？其實(shí)很簡單，既然要建立網(wǎng)站，那么你就需要把網(wǎng)站所涉及的文件放在一個(gè)地方，而這個(gè)倉庫，其實(shí)就是你網(wǎng)站文件的存放地。那又有小伙伴可能會問了，什么是SSH密鑰呢？我只想說請百度一下即可，這并非我們的重點(diǎn)。

品牌：華碩 筆記本電腦 3如何配置代碼庫密鑰？

·如何配置代碼庫密鑰？

等進(jìn)度條讀完之后，就會看到下圖所示的對話框了。這時(shí)你首先要把數(shù)字1標(biāo)識出的SSD密鑰內(nèi)容Copy下來，最好放在TXT里以免悲劇。之后再點(diǎn)擊數(shù)字2標(biāo)識出的Save Private Key按鈕來保存你的密鑰，Key文件名自己設(shè)定即可，保存的位置一定要記住，不要保存之后忘了保存在哪哦。

復(fù)制步驟1代碼框里顯示的代碼，之后步驟2保存代碼，并記住保存位置

到這里還記得筆者讓大家打開的SSH添加頁面嗎？如下圖所示，把你剛才Copy的SSH密鑰粘帖到公鑰欄里，名稱自己定就行了。填好之后點(diǎn)擊保存即可。

將之前的代碼粘帖到ssh添加頁面的公鑰欄里，并點(diǎn)擊保存即可

保存好之后，再讓我們回到SourceTree，上面的密鑰對話框如果沒關(guān)的話可以關(guān)掉了。這時(shí)請點(diǎn)擊工具按鈕下的選項(xiàng)按鈕。

點(diǎn)擊工具→選項(xiàng)按鈕

添加SSH密鑰

點(diǎn)擊選項(xiàng)按鈕之后，就會看到上面這個(gè)對話框了，所有對勾的部分跟筆者保持一致即可。SSH密鑰部分請點(diǎn)擊右側(cè)的按鈕，找到你剛剛保存到本地的密鑰文件添加即可，這些事情都做好之后，請點(diǎn)擊右下角被ZOL水印擋住地方的“確定”按鈕，到這一步，本地代碼庫、以及本地SSH密鑰與服務(wù)器SSH密鑰的連接就已經(jīng)完全做好了。

而接下來，就是如何使用Git搭建網(wǎng)站了。

·把網(wǎng)站部署到虛擬服務(wù)器

當(dāng)然，這里指的搭建網(wǎng)站并非教大家如何去設(shè)計(jì)網(wǎng)站，而是通過現(xiàn)有的一些免費(fèi)資源來進(jìn)行網(wǎng)站搭建，如果您自己懂Dreamwaver，能夠獨(dú)立制作網(wǎng)站的話，那肯定會更有意思，同時(shí)也就不需要看這篇給初學(xué)者寫的文章了。

目前常見的免費(fèi)網(wǎng)站資源包括之前介紹的WordPress、本次拿來做例子的ZBlog以及論壇向的Discuz。根據(jù)筆者實(shí)際測試發(fā)現(xiàn)，京東云擎目前對Discuz的支持并不是很好，很多Discuz的權(quán)限都無法完全開放，雖然能夠順利部署，但完全安裝的話需要去修改一些代碼和文件，比較麻煩。不過在這篇文章發(fā)布的時(shí)候，可能京東云擎已經(jīng)能夠支持Discuz的一鍵安裝功能了，如果沒有支持，那么也離支持不遠(yuǎn)了。

廢話了這么多，我們還是回到本篇文章的內(nèi)容吧。Git設(shè)置好之后，我們就可以進(jìn)入網(wǎng)站部署了。在這之前你首先要下載ZBlog的壓縮包，WordPress、Discuz以及其它免費(fèi)資源同理。

在代碼庫中復(fù)制右下角這一段地址

第一步讓我們返回代碼庫頁面（當(dāng)然是你關(guān)聯(lián)好的代碼庫，而不是其它的，筆者本次關(guān)聯(lián)的是jae_zolzblog代碼庫），在右下角再次被ZOL水印蓋住的地方有一個(gè)地址，將其復(fù)制一下。

克隆倉庫

第二步讓我們返回SourceTree，點(diǎn)擊左上角的“克隆/新建”按鈕，打開右側(cè)對話框之后選擇克隆倉庫，并在源路徑/URL右側(cè)的地址欄中把剛才復(fù)制的地址粘帖到這里。

之后SourceTree會進(jìn)行自動檢測，期間會彈出一個(gè)賬戶名/密碼輸入對話框，此時(shí)輸入你京東云擎的帳號/密碼，這里要提醒大家的是，如果您對自己的帳號安全有顧慮的話，那么建議重新申請一個(gè)帳號。

填好帳號密碼稍等一下就會檢測完畢，之后點(diǎn)擊右下角的“克隆”按鈕即可。

克隆好之后，就會顯示在左側(cè)欄里（如紅框所標(biāo)注）

克隆好之后，你會在左側(cè)欄里看到自己的代碼庫名稱，此時(shí)我們需要進(jìn)行第三步操作，就是右鍵點(diǎn)擊你的代碼庫名稱，這時(shí)會彈出一個(gè)對話框，然后再點(diǎn)擊“在資源管理器里打開”選項(xiàng)。

右鍵點(diǎn)擊倉庫名稱，再點(diǎn)擊“在資源管理器里打開標(biāo)簽”

點(diǎn)擊之后會彈出下圖所示文件夾頁面，這個(gè)文件夾是你在克隆倉庫之后自動建立在C盤下的。打開之后先去找你剛才下載的ZBlog壓縮包，然后把壓縮包解壓縮得到里面的文件，然后將根目錄下的文件拷貝到資源管理器打開的文件夾里（下圖所示文件夾）。

這里要注意的是，拷貝進(jìn)來的文件一定要是根目錄，不要有任何文件夾。此外，看到下圖中有一個(gè)紅色的.ico文件了嗎？這個(gè)文件可以替換成你想要的圖標(biāo)。

把文件拷貝到資源管理器打開的文件夾里

進(jìn)行到這一步，距離網(wǎng)站搭建就只剩下最后的沖刺階段了，雖然可能第一次看教程會感覺有些麻煩，但是在掌握使用方法之后你就會發(fā)現(xiàn)，Git方式部署網(wǎng)站是非常簡單便利的，而且管理起來也很便利，有任何的網(wǎng)站文件修改之后，你只需要把修改的內(nèi)容拖入到這里，再通過Git上傳就能夠直接進(jìn)行改動，非常的便捷，這一點(diǎn)大家在掌握之后慢慢體會吧。

·進(jìn)入最后的沖刺階段

由于某些突發(fā)狀況，筆者在操作過程中電腦掛掉，致使一些圖片丟失，目前電腦還在維修中，所以把之前搭建Discuz的截圖拿來暫時(shí)用一下。雖然代碼庫變了，但具體的操作方法是一樣的。

比如下圖中大家看到左側(cè)欄里我之前建立的zblog代碼庫沒有了，但這并不影響接下來的步驟。

書接上文，將網(wǎng)站壓縮包里的文件拷貝到之前資源管理器打開的文件夾里之后，大家就可以點(diǎn)擊SourceTree中的“添加/刪除”按鈕了，彈出的詢問對話框不用理會，直接點(diǎn)擊OK即可。

開始上傳網(wǎng)站文件

點(diǎn)擊之后你會看到一個(gè)進(jìn)度條，稍微等待一下就可以完成添加。之后大家會看到SourceTree上的“提交”按鈕（下圖紅框處）被點(diǎn)亮，這時(shí)你就可以毫不猶豫的去點(diǎn)擊提交了。

左上角紅框里的“提交”按鈕亮起

點(diǎn)擊提交之后，你的網(wǎng)站就已經(jīng)部署在了京東云擎里，其實(shí)說白了就是把網(wǎng)站壓縮包里的文件上傳到京東云擎的數(shù)據(jù)庫中。提交完成之后你會看到下圖紅框標(biāo)出的“推送”按鈕有數(shù)字顯示，不用驚慌，點(diǎn)擊一下推送按鈕，把沒有完全上傳的剩下的文件進(jìn)行上傳吧。

點(diǎn)擊推送剩下的文件即可

完成上傳之后，你可以回到京東云擎的代碼庫中查看一下，如下圖所示，可以看到所有壓縮包里的文件就已經(jīng)都上傳到了京東云擎代碼庫里了。

這就是構(gòu)成你網(wǎng)站的所有文件

點(diǎn)擊訪問，或直接輸入HTTP地址訪問

確認(rèn)網(wǎng)站文件部署完畢之后，回到上圖所示的應(yīng)用列表頁面，然后點(diǎn)擊紅框處標(biāo)識出的“點(diǎn)擊訪問”，就可以登錄你所搭建的網(wǎng)站了。當(dāng)然你也可以直接在瀏覽器上輸入你的網(wǎng)站域名進(jìn)行訪問，比如筆者的二級域名就是zolzblog.jd-app.com。

此外有些朋友詢問能不能不用jd-app.com的域名，這當(dāng)然是可以的，但是你需要去租用其它的服務(wù)器，然后將地址映射到京東云擎上。

·如何配置搭建好的網(wǎng)站？

有朋友可能在第一次訪問網(wǎng)站時(shí)會遇到下面這個(gè)頁面，怎么辦呢？同樣不要驚慌，遇到這種情況的話，回到京東云擎的應(yīng)用頁面，找到你所建立的應(yīng)用右側(cè)的快速部署和快速重啟按鈕，先快速部署一下，再重啟一下應(yīng)用，等待狀態(tài)顯示為“正常”之后，應(yīng)該就已經(jīng)解決這個(gè)問題了。如果還沒解決的話，那么多重復(fù)幾次重啟總會好起來的。

出現(xiàn)這個(gè)頁面請點(diǎn)擊快速部署應(yīng)用之后再重啟應(yīng)用

正常情況下，搭建好ZBlog之后會進(jìn)入下圖所示頁面，看到這個(gè)頁面就說明你已經(jīng)成功了。接下來就進(jìn)入ZBlog的安裝吧：

ZBlog安裝

ZBlog安裝

之前兩步看看就好，直接點(diǎn)擊下一步兩次會進(jìn)入到下圖所示頁面。表格的填寫方法之前在《小學(xué)生都能看懂 教你打造免費(fèi)個(gè)人網(wǎng)站》這篇文章中已經(jīng)做過詳細(xì)介紹，本次就簡單來說一下。

首先數(shù)據(jù)庫主機(jī)這一項(xiàng)，跟筆者保持一致即可。表前綴這一項(xiàng)不用動，默認(rèn)即可。

其次，用戶名稱、用戶密碼以及數(shù)據(jù)庫名稱，需要你到京東云擎的“云數(shù)據(jù)庫”頁面里找到對應(yīng)的數(shù)據(jù)庫名稱，然后點(diǎn)擊數(shù)據(jù)庫名，在彈出的頁面上復(fù)制相應(yīng)的內(nèi)容粘帖到這里即可。（還是不明白的請參看《小學(xué)生都能看懂 教你打造免費(fèi)個(gè)人網(wǎng)站》最后兩幅圖）

最后，關(guān)于網(wǎng)站設(shè)置下的五項(xiàng)（網(wǎng)站名稱、用戶名、密碼等）根據(jù)喜好和習(xí)慣自由填寫。

ZBlog安裝   

ZBlog安裝

填好之后點(diǎn)擊下一步進(jìn)入上圖所示頁面，再點(diǎn)擊完成就OK了。

完成之后會進(jìn)入ZBlog首頁，這里其實(shí)跟WordPress是相似的，沒什么太多可說的。

ZBlog初始頁面

登錄之后自行優(yōu)化去吧

登錄自己的帳號之后，可以對ZBlog進(jìn)行管理，后臺使用方便直觀，而且可以直接通過主題管理選項(xiàng)下載更多主題，不過ZBlog好的主題大都是收費(fèi)的，相對于WordPress而言，個(gè)人感覺使用更加方便。而關(guān)于ZBlog的使用，我想大家自己摸索一下也沒有任何障礙，這里就不多說了。

后記：

上次教程主要是交大家如何在京東云擎通過最簡單的方法去快速部署一個(gè)WordPress網(wǎng)站。而本次教程則是教給大家部署任何網(wǎng)站所通用的方法。Git+SourceTree使用看似繁瑣，但其實(shí)通過先期配置完成之后，使用起來是極為簡單、便利的，這一點(diǎn)大家可以在安裝之后自行體驗(yàn)。

而之所以兩次都選擇了京東云擎，一是因?yàn)楣P者一直在用，比較熟悉，再一個(gè)就是京東云擎是免費(fèi)的，適合更多的新手朋友去先期練手使用。不過京東云擎在之前升級之后，將數(shù)據(jù)庫容量從5GB縮減到了50MB，實(shí)用性大打折扣。不過據(jù)內(nèi)部消息證實(shí)，這只是暫時(shí)性的措施，因?yàn)橹按罅坑脩粲咳刖〇|云擎建立5GB數(shù)據(jù)庫空間之后就不再使用了，造成了空間的浪費(fèi)，所以暫時(shí)關(guān)閉了大容量數(shù)據(jù)庫申請，不過以后通過改版會制定出相應(yīng)的措施。

正如開篇所說的那樣，本文的目的是授之以漁，為的是教給大家一種部署網(wǎng)站的方法，希望能夠?yàn)榇蠹規(guī)順啡ず捅憷?/p>