相信很多同學(xué)都接觸過(guò)或者使用過(guò)博客系統(tǒng)WordPress,WordPress不得不說(shuō)是一個(gè)非常棒的一個(gè)CMS,這點(diǎn)是毋庸置疑的,不管是從它的性能上來(lái)說(shuō)還是從它整個(gè)的一個(gè)功能上。那么本篇文章,就教你如何把一個(gè)靜態(tài)的WP部署到騰訊云的云開(kāi)發(fā)上。
這里就有同學(xué)問(wèn)了,什么是靜態(tài)?為什么我們要使用靜態(tài)?
1、什么是靜態(tài)?-----我們這里所說(shuō)的靜態(tài),是指靜態(tài)的web網(wǎng)站。
它的每一個(gè)頁(yè)面都是由html文件配合CSS、Javascript或其他媒體元素組成,這類型的網(wǎng)站,每一次修改都是需要重新的部署,名字上我們也了解到,靜態(tài)嘛,固定不動(dòng)。不過(guò)同學(xué)也不要理解成靜態(tài)網(wǎng)站就是從視覺(jué)上的靜態(tài)了。
2、為什么我們要使用靜態(tài)WordPess?------關(guān)于這個(gè)問(wèn)題,其實(shí)靜態(tài)跟動(dòng)態(tài)可以說(shuō)是各有所長(zhǎng)。
穩(wěn)定性---因?yàn)槭庆o態(tài)的,所以它的頁(yè)面內(nèi)容是比較穩(wěn)定的,他不會(huì)因?yàn)槌绦蛏系哪承╁e(cuò)誤就會(huì)導(dǎo)致一些顯示的不正常。
安全性---靜態(tài)是特別安全的,因?yàn)樗鼈儽旧砭椭皇莌tml文件,不會(huì)涉及到任何的數(shù)據(jù)庫(kù)等。
速度---靜態(tài)文件的加載速度比動(dòng)態(tài)文件快,就好比如,我們使用一個(gè)php程序,它需要調(diào)用數(shù)據(jù)庫(kù),需要去執(zhí)行我們給他編寫好的指令,靜態(tài)文件沒(méi)有這些步驟。再然后就是可以配合CDN(內(nèi)容分發(fā)系統(tǒng)),做到更快的網(wǎng)站訪問(wèn)速度。
費(fèi)用---靜態(tài)文件使用的資源較少。
這里有的同學(xué)又有問(wèn)題了,靜態(tài)那么好,為什么我們還要使用動(dòng)態(tài)的呢?
就如我上面所說(shuō),靜態(tài)跟動(dòng)態(tài)各有所長(zhǎng),下面我們來(lái)說(shuō)說(shuō)WordPress靜態(tài)化后的缺點(diǎn):
1、評(píng)論系統(tǒng)、會(huì)員模塊、各種各樣的插件等一系列需要使用到PHP和數(shù)據(jù)庫(kù)的所有模塊都會(huì)失效,如果你經(jīng)常需要互動(dòng)之類的,那么這個(gè)靜態(tài)WP可能不是很適合你,或許你也可以找到其他的解決方案。
2、內(nèi)容改變需要重新部署,因?yàn)槭庆o態(tài)的文件,所以你做的每次改動(dòng)都需要重新部署到我們的云開(kāi)發(fā)上,相對(duì)來(lái)說(shuō)比較麻煩,如果你是經(jīng)常更新甚至是日更,那么這個(gè)靜態(tài)WP可能不是很適合你。
綜上所述,此方案比較適合不經(jīng)常更新且具有展示性需求使用的同學(xué)使用。介紹了那么多,我們開(kāi)始進(jìn)入正題!
首先我們需要安裝Node.js和npm,可參考node.js安裝指南(https://nodejs.org/zh-cn/download/)
再然后我們需要安裝云開(kāi)發(fā)的CLI
npm install-g cloudbase/cli//此前需要安裝
安裝完成后,我們需要在我們的本地部署一個(gè)PHP環(huán)境以及安裝好我們的WP。本地環(huán)境可以使用PHPSTUDY或者WAMPSERVER
我們安裝好本地環(huán)境后,啟動(dòng)我們的本地web服務(wù)
點(diǎn)擊網(wǎng)站---管理---根目錄就可以進(jìn)入到我們的本地網(wǎng)站根目錄啦
之后我們到WordPress官網(wǎng)(https://wordpress.org/download/)下載Wordpress程序,打開(kāi)并把wordpress文件夾解壓到本地網(wǎng)站的根目錄。
緊接著我們到瀏覽器,訪問(wèn)我們的wordpress
點(diǎn)擊現(xiàn)在開(kāi)始我們會(huì)看到要求我們填寫數(shù)據(jù)庫(kù)信息。我們先到我們的本地環(huán)境上創(chuàng)建一個(gè)數(shù)據(jù)庫(kù)
數(shù)據(jù)庫(kù)名稱和用戶密碼都有顯示啦
緊接著我們輸入我們的數(shù)據(jù)庫(kù)信息,數(shù)據(jù)庫(kù)主機(jī)我們使用默認(rèn)的localhost,表前綴無(wú)需改動(dòng)
點(diǎn)擊提交后我們就會(huì)到站點(diǎn)信息補(bǔ)充,填寫好我們的管理員用戶&密碼&站點(diǎn)名稱等我們點(diǎn)擊安裝
安裝完成后,有的同學(xué)點(diǎn)擊登錄可能會(huì)出現(xiàn)該網(wǎng)頁(yè)無(wú)法正常運(yùn)作localhost目前無(wú)法處理此請(qǐng)求。HTTP ERROR 500的錯(cuò)誤,這里我們可以在地址欄輸入https://本地鏈接/wordpress/先進(jìn)入我們的主頁(yè)面看看,不出意外的話同學(xué)們都已經(jīng)顯示出我們的主頁(yè)了。之后我們?cè)僭L問(wèn)https://本地/wordpress/wp-admin/(https://localhost/wordpress/wp-admin/)就可以進(jìn)入我們的后臺(tái)管理頁(yè)面啦,輸入我們之前所填寫的用戶名與密碼即可登錄到后臺(tái)管理頁(yè)面。(本地請(qǐng)?zhí)鎿Q為localhost)
有的同學(xué)的WP頁(yè)面會(huì)出現(xiàn)一些PHP相關(guān)的錯(cuò)誤或者Warnning,我們到本地環(huán)境的php.ini更改一下我們的錯(cuò)誤顯示。使用phpstudy的同學(xué)可以到設(shè)置--配置文件--php.ini,點(diǎn)擊php7.3.4ns可以進(jìn)入到php.ini。WAMP的同學(xué)可以單擊任務(wù)欄WAMP小圖標(biāo),找到php.ini。我們進(jìn)入到php.ini后,搜索error_reporting并把error_reporting=E_ALL改成
error_reporting=E_ALL&~E_DEPRECATED&~E_STRICT
繼續(xù)搜索display_errors并把display_errors=On改成display_errors=Off
繼續(xù)搜索log_errors并把log_errors=On改成log_errors=Off
之后我們重啟一下web服務(wù),再訪問(wèn)我們的主頁(yè)就不會(huì)出現(xiàn)錯(cuò)誤提示啦!
緊接著我們安裝三個(gè)插件
wp2static-7.0-alpha-004(3).zip(https://ask.qcloudimg.com/draft/6685282/nszql0s44g.zip)
wp2static-addon-zip-1.0-alpha-2(1).zip(https://ask.qcloudimg.com/draft/6685282/xekdxh169g.zip)
wenprise-pinyin-slug.1.4.13.zip(https://ask.qcloudimg.com/draft/6685282/cz3c5266eu.zip)
下載上面的附件后,到后臺(tái)管理的插件--添加插件--上傳插件,依次導(dǎo)入安裝并啟用插件。
第一個(gè)插件是WP2Static這個(gè)插件可以幫助我們把WP轉(zhuǎn)換為靜態(tài)文件
第二個(gè)插件是Wenprise Pinyin Slug這個(gè)插件可以把中文的名稱轉(zhuǎn)換為拼音(在路徑上的轉(zhuǎn)換會(huì)用到)
之后我們就可以開(kāi)始我們的創(chuàng)作啦!
我隨便創(chuàng)建了兩篇文章用于測(cè)試使用,并添加了附件與圖片
之后我們到插件wp2static插件進(jìn)行靜態(tài)化操作。在使用插件之前,我們到我們騰訊云的控制臺(tái)找到云開(kāi)發(fā)并創(chuàng)建好云環(huán)境,再進(jìn)入云環(huán)境把網(wǎng)站托管打開(kāi)。如無(wú)意外的話我們可以看到我們的云環(huán)境ID我的是ykc-151533
然后我們進(jìn)入到插件頁(yè)面
緊接著我們點(diǎn)擊Option下面的Jobs,把interval選擇為every minute(這里的意思是插件開(kāi)始運(yùn)作的時(shí)間),再點(diǎn)擊Manually Enqueue Jobs Now(手動(dòng)添加進(jìn)執(zhí)行隊(duì)列)
緊接著我們等待片刻,時(shí)不時(shí)點(diǎn)擊一下Refresh page,等我們看到所有工作的Status(狀態(tài))都顯示completed(完成)的時(shí)候,我們進(jìn)入下面的ZIP(在logs下面),選擇download zip。下載完后,這個(gè)zip文件就是我們WP的靜態(tài)文件啦
緊接著我們開(kāi)始把這個(gè)靜態(tài)文件部署到我們的云開(kāi)發(fā),我們解壓文件到一個(gè)目錄,我解壓到了E:\test如果不出意外的話你會(huì)看到一個(gè)index.html wordpress wp-content index.php等文件夾
然后我們打開(kāi)終端進(jìn)入他的上級(jí)目錄
cd D:\
緊接著我們登錄我們的Cloudbase CLI我們輸入命令
tcb login
會(huì)自動(dòng)跳轉(zhuǎn)到騰訊云頁(yè)面進(jìn)行授權(quán),授權(quán)結(jié)束后,我們輸入
tcb hosting:deploy test-e你云環(huán)境ID
我的是ykc-151533所以我輸入
tcb hosting:deploy test-e ykc-151533
之后就會(huì)把我們整個(gè)test目錄上傳到云環(huán)境啦,然后我們?cè)佥斎虢K端命令
tcb hosting:detail-e ykc-151533(替換成自己的ID噢!)//查看靜態(tài)網(wǎng)站域名
我的是https://ykc-151533.tcloudbaseapp.com
可以看得到不論是英文還是中文都是正常顯示的一個(gè)狀態(tài),附件也是可用的
本次部署就完成啦!因?yàn)樵崎_(kāi)發(fā)默認(rèn)域名僅供測(cè)試使用,限制下行速度10KB/S。如您需要對(duì)外正式提供網(wǎng)站服務(wù),請(qǐng)綁定您已備案的自定義域名。所以打開(kāi)速度可能會(huì)有一點(diǎn)點(diǎn)慢的,有條件的同學(xué)可以綁定自己的域名啦!
好了,本次的分享就到這里了。