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

Git完全使用指南

因此接下來，我們就來詳細(xì)介紹一下Git的使用方法，同時(shí)本篇文章是以ZBlog建站為例來進(jìn)行講解的，學(xué)會(huì)了Git的使用方法，那么無(wú)論是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è)京東帳號(hào)。

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

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

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

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

關(guān)于Git Bash的安裝過程和方法就不多說了，大家直接點(diǎn)擊安裝之后，始終下一步即可。Git Bash安裝好打開之后的界面如下圖所示。OMG，這樣的界面我們?cè)趺从媚兀?/p>

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

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

填寫基本信息

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

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

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

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

升級(jí)安裝一下即可

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

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

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

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

首先點(diǎn)擊下圖右上角的“新建應(yīng)用”按鈕，在彈出的頁(yè)面里選擇第二項(xiàng)PHP應(yīng)用，之后隨意（你想要的）填寫下面的二級(jí)域名即可。建立好之后就是下面的樣子，同時(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)識(shí)的“Git地址：點(diǎn)擊訪問”文字鏈。之后會(huì)進(jìn)入你所創(chuàng)建的代碼庫(kù)頁(yè)面，如下圖所示：

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

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

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

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

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

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

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

創(chuàng)建SSH密碼

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

點(diǎn)擊Generate按鈕

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

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

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

·如何配置代碼庫(kù)密鑰？

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

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

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

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

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

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

添加SSH密鑰

點(diǎn)擊選項(xiàng)按鈕之后，就會(huì)看到上面這個(gè)對(duì)話框了，所有對(duì)勾的部分跟筆者保持一致即可。SSH密鑰部分請(qǐng)點(diǎn)擊右側(cè)的按鈕，找到你剛剛保存到本地的密鑰文件添加即可，這些事情都做好之后，請(qǐng)點(diǎn)擊右下角被ZOL水印擋住地方的“確定”按鈕，到這一步，本地代碼庫(kù)、以及本地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)站的話，那肯定會(huì)更有意思，同時(shí)也就不需要看這篇給初學(xué)者寫的文章了。

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

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

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

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

克隆倉(cāng)庫(kù)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ZBlog安裝

ZBlog安裝

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

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

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

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

ZBlog安裝   

ZBlog安裝

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

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

ZBlog初始頁(yè)面

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

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

后記：

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

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

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