本文作者：云開發(fā)用戶 Handsomedoggy

相信很多同學(xué)都接觸過(guò)或者使用過(guò)博客系統(tǒng)WordPress，WordPress不得不說(shuō)是一個(gè)非常棒的一個(gè)CMS，這點(diǎn)是毋庸置疑的，不管是從它的性能上來(lái)說(shuō)還是從它整個(gè)的一個(gè)功能上。那么本篇文章，就教你如何把一個(gè)靜態(tài)的WP部署到騰訊云的云開發(fā)上。

這里就有同學(xué)問了，什么是靜態(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)站就是從視覺上的靜態(tài)了。

2、為什么我們要使用靜態(tài)WordPess？------關(guān)于這個(gè)問題，其實(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)文件沒有這些步驟。再然后就是可以配合CDN(內(nèi)容分發(fā)系統(tǒng))，做到更快的網(wǎng)站訪問速度。

• 費(fèi)用---靜態(tài)文件使用的資源較少。

這里有的同學(xué)又有問題了，靜態(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可能不是很適合你，或許你也可以找到其他的解決方案。

1. 內(nèi)容改變需要重新部署，因?yàn)槭庆o態(tài)的文件，所以你做的每次改動(dòng)都需要重新部署到我們的云開發(fā)上，相對(duì)來(lái)說(shuō)比較麻煩，如果你是經(jīng)常更新甚至是日更，那么這個(gè)靜態(tài)WP可能不是很適合你。

綜上所述，此方案比較適合不經(jīng)常更新且具有展示性需求使用的同學(xué)使用。介紹了那么多，我們開始進(jìn)入正題！

安裝依賴環(huán)境

首先我們需要安裝Node.js 和 npm，可參考node.js安裝指南

再然后我們需要安裝云開發(fā)的CLI

npm install -g @cloudbase/cli //此前需要安裝 Node.js

安裝完成后，我們需要在我們的本地部署一個(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) 下載Wordpress程序，打開并把wordpress文件夾解壓到本地網(wǎng)站的根目錄。

緊接著我們到瀏覽器，訪問我們的wordpress

點(diǎn)擊現(xiàn)在開始我們會(huì)看到要求我們填寫數(shù)據(jù)庫(kù)信息。我們先到我們的本地環(huán)境上創(chuàng)建一個(gè)數(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ò)誤，

這里我們可以在地址欄輸入http://本地鏈接/wordpress/先進(jìn)入我們的主頁(yè)面看看,不出意外的話同學(xué)們都已經(jīng)顯示出我們的主頁(yè)了。

之后我們?cè)僭L問 http://本地/wordpress/wp-admin/ (http://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ù)，再訪問我們的主頁(yè)就不會(huì)出現(xiàn)錯(cuò)誤提示啦！

緊接著我們安裝三個(gè)插件

• wp2static-7.0-alpha-004 (3).zip

• wp2static-addon-zip-1.0-alpha-2 (1).zip

• wenprise-pinyin-slug.1.4.13.zip

下載上面的附件后，到后臺(tái)管理的插件--添加插件--上傳插件，依次導(dǎo)入安裝并啟用插件。

第一個(gè)插件是WP2Static 這個(gè)插件可以幫助我們把WP轉(zhuǎn)換為靜態(tài)文件

第二個(gè)插件是Wenprise Pinyin Slug 這個(gè)插件可以把中文的名稱轉(zhuǎn)換為拼音(在路徑上的轉(zhuǎn)換會(huì)用到)

之后我們就可以開始我們的創(chuàng)作啦！

我隨便創(chuàng)建了兩篇文章用于測(cè)試使用，并添加了附件與圖片

之后我們到插件wp2static插件進(jìn)行靜態(tài)化操作。在使用插件之前，我們到我們騰訊云的控制臺(tái)找到云開發(fā) 并創(chuàng)建好云環(huán)境，再進(jìn)入云環(huán)境把網(wǎng)站托管打開。如無(wú)意外的話我們可以看到我們的云環(huán)境ID 我的是ykc-151533

然后我們進(jìn)入到插件頁(yè)面

緊接著我們點(diǎn)擊Option下面的Jobs，把interval選擇為every minute（這里的意思是插件開始運(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)文件啦

緊接著我們開始把這個(gè)靜態(tài)文件部署到我們的云開發(fā)，我們解壓文件到一個(gè)目錄,我解壓到了E:\test 如果不出意外的話你會(huì)看到一個(gè)index.html wordpress wp-content index.php等文件夾

然后我們打開終端 進(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)樵崎_發(fā)默認(rèn)域名僅供測(cè)試使用，限制下行速度10KB/S。如您需要對(duì)外正式提供網(wǎng)站服務(wù)，請(qǐng)綁定您已備案的自定義域名。所以打開速度可能會(huì)有一點(diǎn)點(diǎn)慢的，有條件的同學(xué)可以綁定自己的域名啦！

好了，本次的分享就到這里了，有想法或者對(duì)本次的部署有什么疑問的同學(xué)可以到下面的評(píng)論區(qū)評(píng)論啦！