## Kratos是什么
Kratos 是一款專注于用戶閱讀體驗(yàn)的響應(yīng)式 WordPress 主題陵霉，整體布局簡(jiǎn)潔大方，針對(duì)資源加載進(jìn)行了大量?jī)?yōu)化伍绳。
## 安裝方法
1. 下載最新發(fā)行版本的 [.zip 格式安裝包](https://github.com/Vtrois/Kratos) github 可以下載踊挠；
2. 登錄 WordPress 管理員后臺(tái)，進(jìn)入 `外觀` > `主題` 頁(yè)面冲杀，然后點(diǎn)擊 `添加` 按鈕止毕；
3. 進(jìn)入添加主題頁(yè)面之后，再點(diǎn)擊 `上傳主題` 按鈕漠趁；
4. 點(diǎn)擊 `選擇文件`, 找到下載的 .zip 格式安裝包，然后點(diǎn)擊 `現(xiàn)在安裝` 按鈕忍疾；
5. 進(jìn)入 `外觀` > `主題` 頁(yè)面闯传，找到 Kratos 主題，然后點(diǎn)擊 `啟用` 即可卤妒。
## 啟用火山引擎ImageX
火山引擎的ImageX在圖像處理領(lǐng)域應(yīng)該處于行業(yè)領(lǐng)先地位甥绿，是一套集成CDN+存儲(chǔ)+數(shù)據(jù)處理的端到端解決方案，整體感覺(jué)越來(lái)越火则披，啟用ImageX的好處不用多說(shuō)共缕，之所以啟用ImageX 主要考慮如下幾點(diǎn)：
成本方面的考量：
- 針對(duì)中小企業(yè)提供按流量計(jì)費(fèi)前提下10GB流量+10GB存儲(chǔ)+20TB的圖像處理額度來(lái)試用，中小企業(yè)完全夠用士复；
- 不收取https費(fèi)用图谷、不收取回存儲(chǔ)的費(fèi)用翩活；
能力方面的考量：
- 提供訪問(wèn)實(shí)時(shí)處理壓縮，將圖片統(tǒng)一轉(zhuǎn)換成高壓縮比的格式便贵，訪問(wèn)速度提升80%+
- 能夠提供動(dòng)態(tài)添加水印的能力菠镇，這也是我目前看好的一個(gè)不錯(cuò)的功能；
- 提供比較便利的數(shù)據(jù)遷移功能承璃；
## 動(dòng)態(tài)水印之旅
我根據(jù)上面步驟安裝好了主題利耍，然后啟用ImageX，啟用其實(shí)比價(jià)簡(jiǎn)單盔粹，填入ak和sk隘梨，填入審核通過(guò)的域名和圖片模板；
如圖：
模板特殊說(shuō)明：
模板是通過(guò) ImageX后臺(tái)來(lái)獲取的舷嗡，因?yàn)槲倚枰獙?shí)現(xiàn)動(dòng)態(tài)水印轴猎，所以，我通過(guò)ImageX服務(wù)來(lái)完成
我期望我在WordPress后臺(tái)不增加水印咬崔，只有前臺(tái)的網(wǎng)頁(yè)增加税稼；
我選擇 ImageX---->模板設(shè)置----圖文水印
最后選擇，通過(guò)awebp 格式輸出垮斯，這個(gè)格式其實(shí)看起來(lái)就是一個(gè)webp格式郎仆；畢竟這個(gè)格式相對(duì)比較普及一些，壓縮率還比較高兜蠕，無(wú)論什么格式的圖片一律 webp轉(zhuǎn)碼扰肌；
最后看一下效果：
https://demo.ujne7.com/demo2/?p=33
大功告成郑什！
## 說(shuō)說(shuō)可能遇到的坑
* 避坑1：這個(gè)主題如果和之前的主題沖突沥阳，需要將歷史的圖片進(jìn)行上傳或者遷移突雪，如果在本地的話：我看了下火山引擎的官網(wǎng)也提供了[遷移工具](https://www.volcengine.com/docs/508/67066)墩蔓，如果實(shí)在不想遷移或者在第三方存儲(chǔ)資源咽斧，可以直接配置ImageX鏡像回源椒袍，這樣至少可以讀取到數(shù)據(jù)抢埋；
* 避坑2：原圖訪問(wèn)不到問(wèn)題烧董，配置完畢之后川陆，需要申請(qǐng)一下開(kāi)啟原圖訪問(wèn)剂习，[提交工單](https://console.volcengine.com/ticket/createTicket/?step=3&ProviderName=%E5%9B%BE%E7%89%87%E6%9C%8D%E5%8A%A1ImageX&TemplateName=%E5%8A%9F%E8%83%BD%E9%85%8D%E7%BD%AE)如下：
* 避坑3：插件沖突，在實(shí)際對(duì)接中可能會(huì)存在不同插件沖突较沪，這個(gè)按需開(kāi)啟即可鳞绕，或者臨時(shí)將沖突的插件進(jìn)行替換或者關(guān)閉；
## 對(duì)比評(píng)測(cè)：
| 素材地址|加載圖片大小 | 加載圖片速度 |節(jié)省比例|
---|---|---|---|
|https://demo.ujne7.com/demo2/wp-content/uploads/2021/06/6569.jpg_wh12001.jpg| 246.252KB | 500KB/S| 0%
|https://wpstatic.e7e7e7.com/2021/06/6569.jpg_wh1200.jpg~tplv-1upkr0djo9-imagexpingce.awebp | 76KB | 2MB/s|? 節(jié)省300%+
整體來(lái)看尸曼，Kratos 使用了火山引擎ImageX效果還是很明顯的们何！
> 引用的網(wǎng)站：
>? 素材資源：
> 原圖素材：https://demo.ujne7.com/demo2/wp-content/uploads/2021/06/6569.jpg_wh12001.jpg
> 壓縮后素材：https://wpstatic.e7e7e7.com/2021/06/6569.jpg_wh1200.jpg~tplv-1upkr0djo9-imagexpingce.awebp 注意質(zhì)量不變且增加了文字水印
>
> 測(cè)試地址：http://www.17ce.com/site/http/20210621_62a481d0d25a11eb89812f71e4c1e421:1.html
