將WordPress歷史文章中所有圖片加上七牛裁剪水印代碼

編輯：狂族晨曦 來源：WordPress技巧 日期：2016-03-16 閱讀： 2,574 次 搶個(gè)沙發(fā) 百度已收錄

關(guān)于七牛云儲(chǔ)存的好，各位站長都有所了解。以前先森不怎么重視的七牛縮略圖裁剪、為圖片增加水印等功能，先森也開始重視起來了。

經(jīng)過七牛裁剪之后的效果顯而易見，圖片體積小了，網(wǎng)頁打開速度也就快了。當(dāng)然，成航先森的網(wǎng)站訪問量較小，還不存在服務(wù)器壓力過大等問題。總之，七牛能為我們減少很多問題。

前段時(shí)間，先森鼓搗出了怎么讓百度UEditor在編輯圖片的時(shí)候，就為圖片添加上七牛裁剪的代碼。但是這樣影響到的圖片，也之后實(shí)現(xiàn)該效果之后的文章中的圖片，之前已經(jīng)發(fā)布的圖片就沒法影響到了。但是這還就成了先森心中的一根刺。

關(guān)于七牛云儲(chǔ)存代碼的文章，大家可以看看：

• 1.七牛代碼如何使用：WordPress調(diào)整Tag標(biāo)簽頁文章列表縮略圖優(yōu)化小記

• 2.如何更方便的使用：WordPress百度UEditor編輯器自動(dòng)添加七牛云儲(chǔ)存裁剪代碼

其實(shí)關(guān)于如何處理這種情況，先森心里早已有了想法。

首先，不可能自己一篇篇的打開文章，修改圖片的鏈接，這太繁瑣了，不現(xiàn)實(shí)。

使用插件的話，也太麻煩。所以肯定還是要?jiǎng)觿?dòng)非常敏感的數(shù)據(jù)庫啦。

本來，現(xiàn)實(shí)想的是，先使用正則表達(dá)式，查找圖片鏈接，然后為圖片后面，增加七牛的裁剪代碼。也就是在每張圖片的后面，增加以下代碼：

?imageView2/2/w/500/q/100|watermark/1/image/aHR0cDovL2ltZy5jYXBqc2ouY24vY2FweHNfMS5wbmc=/dissolve/100/gravity/SouthEast/dx/10/dy/10

但是百度了一下，MySql數(shù)據(jù)庫使用正則，好像很麻煩的樣子（實(shí)際上是有點(diǎn)懶，看著頭暈）。所以還是研究鏈接本身，最終想出了懶辦法。

還是直接使用我們百試不爽的替換大法：

update 表 set 內(nèi)容字段=replace(內(nèi)容字段,'需要被替換字符串','替換字符串')

研究鏈接之后，發(fā)現(xiàn)，只要把能只有圖片鏈接才有的部分，替換成這部分加上七牛裁剪即可。所以最后顯示用的替換語句是：

update wp_posts set post_content=replace(post_content,'.jpg" title','.jpg" title') 
update wp_posts set post_content=replace(post_content,'.png" title','.png" title')

因?yàn)橄壬恼轮袌D片基本只有jpg和png兩種格式，圖片<img>便簽中，都是鏈接后面加title，所以就用上面的那種替換。運(yùn)行之后，發(fā)現(xiàn)沒有問題：

替換圖片鏈接

運(yùn)行之后，抽樣檢查了一下以往的文章，發(fā)現(xiàn)確實(shí)生效了，沒有出現(xiàn)問題，OK！

歷史上的今天:

• 2017:  IOS安裝多個(gè)QQ有了更多選擇：TIM(7)
• 2017:  解決連接上OpenVPN卻沒有網(wǎng)絡(luò)(3)