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