這篇文章將為大家詳細(xì)講解有關(guān)Git的使用方法是怎么樣的,文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個(gè)參考,希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。
創(chuàng)新互聯(lián)公司擁有一支富有激情的企業(yè)網(wǎng)站制作團(tuán)隊(duì),在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)深耕十年,專(zhuān)業(yè)且經(jīng)驗(yàn)豐富。十年網(wǎng)站優(yōu)化營(yíng)銷(xiāo)經(jīng)驗(yàn),我們已為上千余家中小企業(yè)提供了做網(wǎng)站、網(wǎng)站制作解決方案,定制網(wǎng)站制作,設(shè)計(jì)滿意,售后服務(wù)無(wú)憂。所有客戶皆提供一年免費(fèi)網(wǎng)站維護(hù)!在傻瓜式部署方式出現(xiàn)問(wèn)題之后,我們?cè)撏ㄟ^(guò)什么方法搭建網(wǎng)站呢?其實(shí)京東云擎本身已經(jīng)給出了答案,那就是Git。關(guān)于Git是什么我們就不做過(guò)多介紹了,它與以前的FlashFXP這類(lèi)FTP工具的作用很相似,但又比這些工具強(qiáng)大的多,而了解網(wǎng)站建設(shè)的朋友對(duì)于FlashFXP這類(lèi)工具一定不會(huì)陌生,因?yàn)槟阆胍丫W(wǎng)站建立在服務(wù)器上,就需要用到FTP工具。
Git完全使用指南
因此接下來(lái),我們就來(lái)詳細(xì)介紹一下Git的使用方法,同時(shí)本篇文章是以ZBlog建站為例來(lái)進(jìn)行講解的,學(xué)會(huì)了Git的使用方法,那么無(wú)論是Zblog,還是WordPress,亦或是Discuz,再或是你自己親手設(shè)計(jì)的網(wǎng)站,都可以直接部署到京東云擎等虛擬服務(wù)器上。
好了閑話不多說(shuō),下面我們就進(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)備好了之后,我們就開(kāi)始本次的教程吧。
關(guān)于Git Bash的安裝過(guò)程和方法就不多說(shuō)了,大家直接點(diǎn)擊安裝之后,始終下一步即可。Git Bash安裝好打開(kāi)之后的界面如下圖所示。OMG,這樣的界面我們?cè)趺从媚兀?/p>
Git Bash安裝好之后的界面,呃……這個(gè)怎么用呢……
別慌,Git Bash對(duì)于像筆者這樣的小白來(lái)說(shuō)當(dāng)然是不好用,但是我們下載的SourceTree可以讓Git Bash變成我們熟悉的使用方式。還等什么?趕快點(diǎn)擊SourceTree的安裝包進(jìn)行安裝吧。
填寫(xiě)基本信息
開(kāi)始安裝之后會(huì)遇到上面和下面的這些界面,除了用戶信息自定義填寫(xiě)之外,其它跟筆者保持一致即可。
默認(rèn)選擇PuTTY/Plink即可
托管服務(wù)商你有的話填上就可以了,沒(méi)有也沒(méi)任何影響,直接點(diǎn)擊完成即可。不過(guò)點(diǎn)擊之后會(huì)提示檢測(cè)托管服務(wù)商,這時(shí)候直接點(diǎn)擊跳過(guò)就好了。此外,安裝過(guò)程中可能還會(huì)問(wèn)你要不要加載一個(gè)SSH密鑰,這個(gè)暫時(shí)可以不添加,直接跳過(guò)即可。
有的填沒(méi)有的直接點(diǎn)擊完成按鈕
升級(jí)安裝一下即可
如果安裝的過(guò)程中出現(xiàn)上面這個(gè)對(duì)話框,那么選擇紅框標(biāo)出的選項(xiàng)即可。SourceTree與Git的安裝都很簡(jiǎn)單,SourceTree其實(shí)是Git的圖形化客戶端,有了SourceTree,我們就不必為Git的命令式操作發(fā)愁了。安裝好之后打開(kāi)SourceTree客戶端,然后放著就好。
·如何建立Git與JAE的聯(lián)系?
接下來(lái)我們進(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)用,之后隨意(你想要的)填寫(xiě)下面的二級(jí)域名即可。建立好之后就是下面的樣子,同時(shí)要看一下?tīng)顟B(tài)是否正常,如果正常的話就可以往下繼續(xù)了,不正常的話再多建幾遍(確實(shí)只有這個(gè)方法)。
進(jìn)入京東云擎創(chuàng)建PHP應(yīng)用,之后點(diǎn)擊步驟2下的Git地址“點(diǎn)擊訪問(wèn)”
建立好PHP應(yīng)用之后,我們點(diǎn)擊上圖數(shù)字2標(biāo)識(shí)的“Git地址:點(diǎn)擊訪問(wèn)”文字鏈。之后會(huì)進(jìn)入你所創(chuàng)建的代碼庫(kù)頁(yè)面,如下圖所示:
進(jìn)入代碼庫(kù)頁(yè)面(初始沒(méi)有這么多文件)
剛剛建立的代碼庫(kù)中是沒(méi)有上圖里顯示的那么多文件的,所以大家不用有疑問(wèn),初始大概只有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è)面即可,這里就先放著不用管了。
打開(kāi)SoureTree,點(diǎn)擊左上角的“克隆/新建”,右側(cè)對(duì)話框點(diǎn)擊“創(chuàng)建新倉(cāng)庫(kù)”
之前讓大家打開(kāi)SourceTree,沒(méi)有手賤關(guān)了吧?讓我們回到SourceTree,首先點(diǎn)擊左上角紅框標(biāo)識(shí)的“克隆/新建”按鈕,之后會(huì)彈出右側(cè)對(duì)話框,在右側(cè)對(duì)話框上點(diǎn)擊“創(chuàng)建新倉(cāng)庫(kù)”按鈕。之后你可以在你的硬盤(pán)里建立一個(gè)倉(cāng)庫(kù)目錄,比如筆者就建立在D盤(pán)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ù)”有一些疑問(wèn),啥是倉(cāng)庫(kù)呢?其實(shí)很簡(jiǎn)單,既然要建立網(wǎng)站,那么你就需要把網(wǎng)站所涉及的文件放在一個(gè)地方,而這個(gè)倉(cāng)庫(kù),其實(shí)就是你網(wǎng)站文件的存放地。那又有小伙伴可能會(huì)問(wèn)了,什么是SSH密鑰呢?我只想說(shuō)請(qǐng)百度一下即可,這并非我們的重點(diǎn)。
品牌:華碩 筆記本電腦 3如何配置代碼庫(kù)密鑰?
·如何配置代碼庫(kù)密鑰?
等進(jìn)度條讀完之后,就會(huì)看到下圖所示的對(duì)話框了。這時(shí)你首先要把數(shù)字1標(biāo)識(shí)出的SSD密鑰內(nèi)容Copy下來(lái),好放在TXT里以免悲劇。之后再點(diǎn)擊數(shù)字2標(biāo)識(shí)出的Save Private Key按鈕來(lái)保存你的密鑰,Key文件名自己設(shè)定即可,保存的位置一定要記住,不要保存之后忘了保存在哪哦。
復(fù)制步驟1代碼框里顯示的代碼,之后步驟2保存代碼,并記住保存位置
到這里還記得筆者讓大家打開(kāi)的SSH添加頁(yè)面嗎?如下圖所示,把你剛才Copy的SSH密鑰粘帖到公鑰欄里,名稱(chēng)自己定就行了。填好之后點(diǎn)擊保存即可。
將之前的代碼粘帖到ssh添加頁(yè)面的公鑰欄里,并點(diǎn)擊保存即可
保存好之后,再讓我們回到SourceTree,上面的密鑰對(duì)話框如果沒(méi)關(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)完全做好了。
而接下來(lái),就是如何使用Git搭建網(wǎng)站了。
·把網(wǎng)站部署到虛擬服務(wù)器
當(dāng)然,這里指的搭建網(wǎng)站并非教大家如何去設(shè)計(jì)網(wǎng)站,而是通過(guò)現(xiàn)有的一些免費(fèi)資源來(lái)進(jìn)行網(wǎng)站搭建,如果您自己懂Dreamwaver,能夠獨(dú)立制作網(wǎng)站的話,那肯定會(huì)更有意思,同時(shí)也就不需要看這篇給初學(xué)者寫(xiě)的文章了。
目前常見(jiàn)的免費(fèi)網(wǎng)站資源包括之前介紹的WordPress、本次拿來(lái)做例子的ZBlog以及論壇向的Discuz。根據(jù)筆者實(shí)際測(cè)試發(fā)現(xiàn),京東云擎目前對(duì)Discuz的支持并不是很好,很多Discuz的權(quán)限都無(wú)法完全開(kāi)放,雖然能夠順利部署,但完全安裝的話需要去修改一些代碼和文件,比較麻煩。不過(guò)在這篇文章發(fā)布的時(shí)候,可能京東云擎已經(jīng)能夠支持Discuz的一鍵安裝功能了,如果沒(méi)有支持,那么也離支持不遠(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)擊左上角的“克隆/新建”按鈕,打開(kāi)右側(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ù)名稱(chēng),此時(shí)我們需要進(jìn)行第三步操作,就是右鍵點(diǎn)擊你的代碼庫(kù)名稱(chēng),這時(shí)會(huì)彈出一個(gè)對(duì)話框,然后再點(diǎn)擊“在資源管理器里打開(kāi)”選項(xiàng)。
右鍵點(diǎn)擊倉(cāng)庫(kù)名稱(chēng),再點(diǎn)擊“在資源管理器里打開(kāi)標(biāo)簽”
點(diǎn)擊之后會(huì)彈出下圖所示文件夾頁(yè)面,這個(gè)文件夾是你在克隆倉(cāng)庫(kù)之后自動(dòng)建立在C盤(pán)下的。打開(kāi)之后先去找你剛才下載的ZBlog壓縮包,然后把壓縮包解壓縮得到里面的文件,然后將根目錄下的文件拷貝到資源管理器打開(kāi)的文件夾里(下圖所示文件夾)。
這里要注意的是,拷貝進(jìn)來(lái)的文件一定要是根目錄,不要有任何文件夾。此外,看到下圖中有一個(gè)紅色的.ico文件了嗎?這個(gè)文件可以替換成你想要的圖標(biāo)。
把文件拷貝到資源管理器打開(kāi)的文件夾里
進(jìn)行到這一步,距離網(wǎng)站搭建就只剩下最后的沖刺階段了,雖然可能第一次看教程會(huì)感覺(jué)有些麻煩,但是在掌握使用方法之后你就會(huì)發(fā)現(xiàn),Git方式部署網(wǎng)站是非常簡(jiǎn)單便利的,而且管理起來(lái)也很便利,有任何的網(wǎng)站文件修改之后,你只需要把修改的內(nèi)容拖入到這里,再通過(guò)Git上傳就能夠直接進(jìn)行改動(dòng),非常的便捷,這一點(diǎn)大家在掌握之后慢慢體會(huì)吧。
·進(jìn)入最后的沖刺階段
由于某些突發(fā)狀況,筆者在操作過(guò)程中電腦掛掉,致使一些圖片丟失,目前電腦還在維修中,所以把之前搭建Discuz的截圖拿來(lái)暫時(shí)用一下。雖然代碼庫(kù)變了,但具體的操作方法是一樣的。
比如下圖中大家看到左側(cè)欄里我之前建立的zblog代碼庫(kù)沒(méi)有了,但這并不影響接下來(lái)的步驟。
書(shū)接上文,將網(wǎng)站壓縮包里的文件拷貝到之前資源管理器打開(kāi)的文件夾里之后,大家就可以點(diǎn)擊SourceTree中的“添加/刪除”按鈕了,彈出的詢問(wèn)對(duì)話框不用理會(huì),直接點(diǎn)擊OK即可。
開(kāi)始上傳網(wǎng)站文件
點(diǎn)擊之后你會(huì)看到一個(gè)進(jìn)度條,稍微等待一下就可以完成添加。之后大家會(huì)看到SourceTree上的“提交”按鈕(下圖紅框處)被點(diǎn)亮,這時(shí)你就可以毫不猶豫的去點(diǎn)擊提交了。
左上角紅框里的“提交”按鈕亮起
點(diǎn)擊提交之后,你的網(wǎng)站就已經(jīng)部署在了京東云擎里,其實(shí)說(shuō)白了就是把網(wǎng)站壓縮包里的文件上傳到京東云擎的數(shù)據(jù)庫(kù)中。提交完成之后你會(huì)看到下圖紅框標(biāo)出的“推送”按鈕有數(shù)字顯示,不用驚慌,點(diǎn)擊一下推送按鈕,把沒(méi)有完全上傳的剩下的文件進(jìn)行上傳吧。
點(diǎn)擊推送剩下的文件即可
完成上傳之后,你可以回到京東云擎的代碼庫(kù)中查看一下,如下圖所示,可以看到所有壓縮包里的文件就已經(jīng)都上傳到了京東云擎代碼庫(kù)里了。
這就是構(gòu)成你網(wǎng)站的所有文件
點(diǎn)擊訪問(wèn),或直接輸入HTTP地址訪問(wèn)
確認(rèn)網(wǎng)站文件部署完畢之后,回到上圖所示的應(yīng)用列表頁(yè)面,然后點(diǎn)擊紅框處標(biāo)識(shí)出的“點(diǎn)擊訪問(wèn)”,就可以登錄你所搭建的網(wǎng)站了。當(dāng)然你也可以直接在瀏覽器上輸入你的網(wǎng)站域名進(jìn)行訪問(wèn),比如筆者的二級(jí)域名就是zolzblog.jd-app.com。
此外有些朋友詢問(wèn)能不能不用jd-app.com的域名,這當(dāng)然是可以的,但是你需要去租用其它的服務(wù)器,然后將地址映射到京東云擎上。
·如何配置搭建好的網(wǎng)站?
有朋友可能在第一次訪問(wèn)網(wǎng)站時(shí)會(huì)遇到下面這個(gè)頁(yè)面,怎么辦呢?同樣不要驚慌,遇到這種情況的話,回到京東云擎的應(yīng)用頁(yè)面,找到你所建立的應(yīng)用右側(cè)的快速部署和快速重啟按鈕,先快速部署一下,再重啟一下應(yīng)用,等待狀態(tài)顯示為“正常”之后,應(yīng)該就已經(jīng)解決這個(gè)問(wèn)題了。如果還沒(méi)解決的話,那么多重復(fù)幾次重啟總會(huì)好起來(lái)的。
出現(xiàn)這個(gè)頁(yè)面請(qǐng)點(diǎn)擊快速部署應(yīng)用之后再重啟應(yīng)用
正常情況下,搭建好ZBlog之后會(huì)進(jìn)入下圖所示頁(yè)面,看到這個(gè)頁(yè)面就說(shuō)明你已經(jīng)成功了。接下來(lái)就進(jìn)入ZBlog的安裝吧:
ZBlog安裝
ZBlog安裝
之前兩步看看就好,直接點(diǎn)擊下一步兩次會(huì)進(jìn)入到下圖所示頁(yè)面。表格的填寫(xiě)方法之前在《小學(xué)生都能看懂 教你打造免費(fèi)個(gè)人網(wǎng)站》這篇文章中已經(jīng)做過(guò)詳細(xì)介紹,本次就簡(jiǎn)單來(lái)說(shuō)一下。
首先數(shù)據(jù)庫(kù)主機(jī)這一項(xiàng),跟筆者保持一致即可。表前綴這一項(xiàng)不用動(dòng),默認(rèn)即可。
其次,用戶名稱(chēng)、用戶密碼以及數(shù)據(jù)庫(kù)名稱(chēng),需要你到京東云擎的“云數(shù)據(jù)庫(kù)”頁(yè)面里找到對(duì)應(yīng)的數(shù)據(jù)庫(kù)名稱(chēng),然后點(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)站名稱(chēng)、用戶名、密碼等)根據(jù)喜好和習(xí)慣自由填寫(xiě)。
ZBlog安裝
ZBlog安裝
填好之后點(diǎn)擊下一步進(jìn)入上圖所示頁(yè)面,再點(diǎn)擊完成就OK了。
完成之后會(huì)進(jìn)入ZBlog首頁(yè),這里其實(shí)跟WordPress是相似的,沒(méi)什么太多可說(shuō)的。
ZBlog初始頁(yè)面
登錄之后自行優(yōu)化去吧
登錄自己的帳號(hào)之后,可以對(duì)ZBlog進(jìn)行管理,后臺(tái)使用方便直觀,而且可以直接通過(guò)主題管理選項(xiàng)下載更多主題,不過(guò)ZBlog好的主題大都是收費(fèi)的,相對(duì)于WordPress而言,個(gè)人感覺(jué)使用更加方便。而關(guān)于ZBlog的使用,我想大家自己摸索一下也沒(méi)有任何障礙,這里就不多說(shuō)了。
關(guān)于Git的使用方法是怎么樣的就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到。