先森建站初始，WordPress寫文章非常隨意，幾乎是一篇文章新增一個標簽，任性的不要不要的。現在很少增加標簽了，一般都是規劃好文章分類。最新做了很多和七牛相關的變更，所以想著干脆新增一個“七牛”標簽。先森前幾天把文章、分類、標簽名稱自動添加拼音別名的插件Pinyin Permalinks刪了，覺得沒什么用。結果增加標簽的時候發現，打開七牛標簽是“tag/七牛”的帶中文地址，結果打開不了，趕緊去增加了別名。結果再次刷新，錯誤500，瀏覽器提示：“網站在檢索此網址時出現錯誤。托管此網站的服務器可能關閉進行維護或配置不正確。”當時我就懵逼了：發現問題，就要解決問題。趕緊百度找原因，結果百度半天，沒能找到問題原因和解決辦法。看到別人寫的錯誤500的分析，說可能是插件沖突、緩存插件、.htaccess文件等等原因。先森首先想到的就是Pinyin Permalinks插件，因為以前刪除這個插件的時候，導致最早的一些文章無法訪問，后來解決了，也就把插件刪了。Pinyin Permalinks插件看張戈博客中提到的刪除插件導致頁面404的文章，說將后臺設置-固定鏈接隨便換為默認的幾種固定鏈接的一種，再換成自定義鏈接，就可以解決了。但是先森嘗試了一番，并沒有什么卵用。張戈博客說，將刪除的插件重新裝回，能訪問成功。然而先森重裝上之后，發現還是并沒有什么卵用。后來先森又懷疑是.htaccess文件被修改了的原因，結果反復嘗試之后，發現也沒能解決問題，有次還把除首頁外的網頁全變成404，無語。。。先森繼張戈博客留言、開發者論壇提問無果后，準備把WordPress重裝了。重裝前覺得網站應該還能搶救一波，所以把WordPress的開發者調試模式打開了，沒想到真的解決問題了。從WordPress的根目錄下載wp-config.php到本地，修改第72行，define('WP_DEBUG', false)改成true。并添加ini_set('display_errors','Off')：開啟DeBug調試模式不知道怎么回事，先森從FTP軟件FileZilla中下載服務器文件，內容都會每行被增加一個換行。開啟之后，再去刷新tag標簽頁面，密密麻麻的，還真有點暈。DeBug調試tag標簽頁研究了一下，發現重點是最后一句：“Parse error: syntax error, unexpected ';' in /data/home/************/htdocs/wp-content/themes/jiage-V2.9/tag.php on line 21”也就是先森的主題中標簽模板的第21行有語法錯誤。先森直接在后天編輯主題，看了半天沒發現問題。本地新建了一個php空頁，把代碼復制過去果然有問題。第21行語法錯誤最后發現的問題讓先森哭笑不得，結果就是最近整改標簽頁的時候不小心加了一個括號，還不是在本地測試的時候添加的，是直接在WordPress后臺將調試好的代碼復制過去的時候添加的。WordPress后臺編輯主題沒有代碼高亮，沒有錯誤提示，大家編輯的時候一定要小心一點啊。最好還是在本地調整代碼，最后直接復制整篇代碼。對了，找出原因之后，修改->測試->問題解決，一定還要記得把wp-config.php中的修改改回來。

關于給文章點贊的功能，先森一直用的是WP-Zan插件。不知道其他使用該插件的網站是否出現了和先森一樣的情況：點贊的那個圖標字體的上半截一直是被擋住了的狀態。WP-Zan插件圖標字體顯示不正確這讓先森很郁悶，最初還以為是CSS的設置問題。但是先森鼓搗了半天，發現通過CSS無法修復該問題。后來看別的網站的圖標是正確的，就直接把字體代碼復制過來，結果發現這樣沒有顯示。然后發現，是別的網站使用的圖標字體和WP-Zan插件的不一樣。發現字體不一樣先森才想到，是不是插件自己的字體有問題？趕緊從服務器把插件的字體文件下載下來。路徑很簡單，就是/wp-content/plugins/wp-zan/static/fonts里面。下載下來，打開一看，果然有問題。這里先森用了字體編輯軟件FontCreator_CHS_7.5，非常好用，但是需要破解。先森記得之前是破解了的，不知道怎么回事現在又失效了，導致先森保存一次之后就不能保存了。有興趣的可以去百度下載：FontCreator_CHS_7.5先森打開的是ttf文件，進行編輯。打開就發現了問題所在：WP-Zan插件的問題原因點擊上圖可以放大。放大后可以看到，兩個圖標都有一點點被擋住了，這一點點，就是導致問題出現的原因。選中其中一個右鍵-“編輯”，即可進入編輯界面：FontCreator_CHS_7.5字體編輯圈選整個圖標，將其整體往下移動，在最終顯示上面讓其不被擋著即可。當然，最好還是居中。FontCreator_CHS_7.5-調整-保存這個保存，只能保存出otf和wotf格式的字體文件，而插件中需要的，是.ttf .woff .eot .svg四中文件，這時候就可以使用一個國外的字體在線轉換網站了：字體在線轉換點擊上面的選擇文件，選好文件點擊下面的“CONVERT & DOWNLOAD”,點擊之后可能需要等10秒鐘，就會跳出一個下載對話框。下載的壓縮包內，就是已經轉換好了的4個文件。字體在線轉化：FONT2WEB接下來只需要將這4個文件上傳到服務器，替換原文件即可了。修改后的效果 ↓↓↓ 點擊下方查看

身為站長，想必各位都有過這樣的經歷：截圖時部分內容超出瀏覽器窗口，無法一次性截圖。這時候怎么辦呢？有經驗的站長，可能會做出這樣的操作：1.調整瀏覽器網頁大小，在盡可能大的時候截完整的圖；2.按Ctrl + Shift + S鍵，保存整個網頁為圖片，然后再裁剪。但是這樣多多少少有點麻煩，那么我們可以從截圖工具方面下手了。不知道大家是不是和先森一樣一樣，習慣按Ctrl + Shift + A鍵用QQ截圖工具呢？那么現在有更好的選擇了：網頁截圖:注釋&批注。瀏覽器插件網頁截圖:注釋&批注安裝網頁截圖:注釋&批注插件是Chrome網上應用店中的擴展程序，先森用的是UC瀏覽器，所以支持安裝Chrome網上應用店中的插件。當然，現在大部分的瀏覽器對Chrome網上應用店中的插件都是支持的。要安裝該插件，首先就要進入Chrome網上應用店，而由于眾所周知的原因，谷歌網站在國內無法訪問。無法打開Chrome網上應用店的，可以去看看先森分享的兩種帆檣方式：分享兩款免費好用的帆墻軟件進入Chrome網上應用店后，搜索“網頁截圖”，即可找到該插件：Chrome網上應用店搜索“網頁截圖”找到后點擊右側的“+ 添加至 CHROME”安裝即可。先森已經安裝過了，所以右側是“評分”。使用安裝成功后，插件會在瀏覽器右上角，圖標是一個鏡頭，先森安裝后果斷把該插件放至第一位了。點擊即可操作：單擊使用插件從上圖就可以看出該插件的功能。下面先森來簡單的介紹一下該插件的各個功能。1.截取可視部分： 這個簡單，字面意思即可知道這個是截取你所能看到的界面。2.Delayed capture（延遲捕獲）： 這個功能看圖標可以猜到（對，是猜到，因為先森英語差），這是延遲截圖功能。先森暫時還沒想到什么時候用的到。默認倒計時時間是3秒，可以到設置中設置倒計時為5秒，二選一。3.截取選擇部分： 這個功能就是先森所需的了，當所需要截圖的部分過多，瀏覽器窗口不能完全顯示的時候就可以使用了。遺憾的是，類似郵箱這種框架網頁還是無法截取。截圖插件-截取選擇部分4.截取整個頁面： 這個功能也非常便利，只要一點，回自動幫你把整個網頁截圖，和按Ctrl + Shift + S鍵保存整個網頁為圖片的效果一樣。5.選擇一張本地圖片： 這個功能可以讓本地的圖片使用該插件的編輯功能，有時候也很好用的。點擊之后，將圖片拖到打開的頁面中即可：截圖工具-選擇一張本地圖片6.截取桌面窗口： 你認為它只是一個瀏覽器插件，不會像QQ截圖功能一樣可以截取任何地方的截圖，但這個功能就可以對這個缺點做一定的補償。點擊它會跳出你現在的所有會顯示在桌面的應用截圖讓你選擇：截取桌面窗口-選擇截圖7.Options（選項）： 即設置。可以設置保存的圖片格式、快捷鍵和延遲捕獲的時間秒數設置。至于保存路徑和自動保存，因為該插件是擴展程序所以不被谷歌允許使用這樣的功能了（官方是這樣解釋的）。截圖插件-設置界面可能大家會覺得每次使用要點擊一下插件圖標會比較麻煩，那么設置中的快捷鍵設置就剛好解決這個問題了。先森設置的分別是：獲取可見 Ctrl+Shift+Q獲取選擇區域 Ctrl+Shift+A捕獲整個 Ctrl+Shift+ZQ、A、Z剛好是功能的順序，也比較好記，而且和其他軟件設置的快捷鍵沒有沖突。注釋&批注截圖功能好不好用，還有一個重要指標，就是截圖成功后的注釋和批注功能，也就是能夠再截圖上添加醒目的提醒。先森覺得這個插件的注釋和批注功能還是很好用的。插件的注釋和批注功能先森簡單的用每個工具畫了一下，然后用箭頭中的“變型箭頭”將功能指向了效果。先森對這些功能是非常滿意的，尤其是三種箭頭方式選擇，和最后的那個文本突出功能。更多好用的地方，各位快安裝研究研究吧！

WP Super cache緩存插件先森很早以前就安裝了，但是一直沒有好好研究。安裝之后也就打開了緩存，就沒怎么管過這個插件了。今天有空，就來鼓搗鼓搗。參考了一些博客，就開始研究了，為什么要啟用緩存插件，先森就不做累述了，大家可以自己去看看：知更鳥：WP Super Cache靜態緩存插件簡明使用教程免費資源部落：WordPress加速緩存插件WP Super cache安裝方法及使用技巧當然，鼓搗插件，首先是要認識插件。安裝成功后，進入設置界面：WP Super cache插件設置界面第一個設置界面沒有什么內容，這里可以啟用和關閉緩存功能。我們安裝WP Super cache就是為了緩存的，當然選擇啟用。下面的緩存測試先森并不知道是干嘛的，只是看到測試之后顯示的OK就沒管了：緩存測試OK測試緩存底下的刪除緩存不用說，都知道是干嘛用的。WP Super cache插件重要需要設置的，還是高級設置部分：WP Super cache插件高級設置通過研究各位WordPress大神們發的文章，發現上面紅框內的三項，好像是都要勾選的，思考了一下，也就跟著開啟了。設置之后點擊更新，會提示你點擊“更新 Mod_Rewrite 規則”按鈕，向下滾動找到該按鈕并點擊。插件會自動向Wordpress根目錄的wp-config.php和.htaccess文件寫入相關規則。當然，也會同時向默認緩存目錄的中.htaccess寫入規則。這時就要保證wp-content目錄、Wordpress根目錄的wp-config.php和.htaccess文件都有寫入權限。更新Mod_Rewrite規則在高級設置中，下面還有兩個大類：雜項和高級。思前想后的勾選了一些選項，給大家一些參考：WP Super cache插件雜項和高級再下面還有一些禁止緩存等設置，一看就懂，也就不貼圖了。在這次的折騰中，還有一個比較重要的設置，就是預緩存設置。按照先森的理解，預緩存沒有開啟的情況，是當有人訪問某篇文章/頁面時，會對這篇文章/頁面生成緩存頁面，在你設置的有效期內該緩存頁面都會存在。而開啟之后，插件會根據設置，將所有文章、標簽、歸檔頁全都緩存一遍，還可以設置多長時間重新緩存一遍。先森覺得標簽頁什么的無需緩存，因為經常會新增文章，緩存起來比較麻煩，所有就沒有勾選。至于多長時間重新緩存一次，先森還在考慮，所以暫時還沒有設置。下面是先森的設置情況：WP Super cache插件預緩存功能至于后面的插件兼容、調試什么的，作為普通的所謂開發者，用到的比較少，所以也就沒多做了解啦。本文是先森鼓搗WP Super cache插件的一個記錄，有什么錯誤還希望有人能夠提出來，也是幫我進步了。

接觸WordPress以來，經常在各路大神的網站上學習經驗，無意間在張戈博客逛的時候看到，張戈博客跳轉到外鏈時，有個感覺非常舒服的跳轉頁面：通過一番尋找，發現張戈也將教程為大家分享了。因為是針對外鏈，所以還需要在function.php中添加代碼。但是先森嘗試后感覺已經發布的文章中的內頁好像并不會被自動添加外鏈，所以就放棄使用張戈提供的外鏈跳轉代碼。但是又不想放棄，所以就想將張戈的跳轉頁面與anylink插件生成的跳轉鏈接相結合。anylink插件這是dudo博客原創的第一個WordPress插件：Anylink。它是一個鏈接包裝和美化插件，可以把外鏈轉換成內鏈，同時又能防止網站權重過度向外傳遞，對于網站SEO來說很有好處。Anylink既提供了307、301等跳轉方式，這和你直接使用外鏈沒有任何區別；也提供了Javascript跳轉方式，這則可以阻止權重對外傳遞。同時Anylink還可允許你自定義鏈接樣式等功能，可以滿足大部分wordpress網站的需要。Anylink外鏈包裝美化插件是一款自動將外鏈轉換為內鏈、將較長、較復雜的外鏈轉換為樣式統一的內鏈的Wordpress插件。同時它還提供了鏈接自定義功能，允許你根據個人喜好設置鏈接的樣式。例如我們的網站有時候會需要插進一些鏈接如成都航院計算機工程系的官網http://www.cap.edu.cn/campus/xywmbys/jsjgcx/，這樣的鏈接既長又沒有意義，anylink就是針對這種情況設計的一款插件，它會幫你轉換成 http://你的域名/goto/ab12 的形式，從而使鏈接變得短小整齊。主要功能有：1. 自動提取外鏈內轉換。Anylink會自動提取文章中的外鏈并進行轉換，不需要進行額外操作。2. 不修改任何原始數據。Anylink不會修改任何wordpress數據，這很好地保護了你的數據安全。任何情況下刪除該插件均不會留下痕跡。3. 允許自定義鏈接樣式。默認情況下轉換后的鏈接樣式為 http://你的域名/goto/ab12 的形式，你可修改跳轉目錄，把goto修改為任何可用形式。4. 允許自定義slug樣式。slug是指鏈接后面的小尾巴，你可修改它的樣式，如它的長度、組成等等，默認為4位的數字和字母組合。5. 通話自定義跳轉樣式。默認情況下使用了301永久轉移跳轉http狀態碼，這和你們直接使用一個鏈接是沒有任何區別的，也就是說anylink此種情況下只是修改了鏈接的樣式，其它的均未作修改，比如SEO信息等。不過你可以設置為307、Javascript等等形式。插件改造經過張戈博客的教程中（地址：分享兩種外鏈跳轉方法，可避免權重流失）提出了兩中外鏈美化方式。第一種是：http://www.***.com/go.php?http://www.******.com 的方式；第二種是：http://www.***.com/go/?url=http://www.***.com/ 的方式。通過上面對anylink插件的介紹，大家應該知道，anylin轉換后的鏈接默認為 http://你的域名/goto/ab12 的方式，所以我覺得張戈博客的第二種美化方式比較適合。根據教程說的，我在網站根目錄建了一個/goto/目錄，并上傳了一個index.php文件進去。index.php的內容大致都是張戈分享的go.php的代碼，只是將之前的外鏈獲取方式改成了獲取后四位字母的方式，也就是獲取goto/后面生成的小尾巴。不會用正則，所以獲取小尾巴的代碼花了先森很長時間，但是最后鼓搗出來之后發現，這樣的方式點擊外鏈后還是會直接跳轉過去（先森使用的是307跳轉），所以并沒有什么卵用。然而在先森快要放棄的時候，發現了轉機。為anylink外鏈添加跳轉頁面先森在研究張戈的代碼無果后，轉而研究插件本身，在插件的設置中，嘗試著使用了JavaScript跳轉，一看，這就不是跳轉頁面嗎!下面是正式教程。打開插件文件夾中的re.php文件，文件中的代碼是：<!DOCTYPE html><html><head><script type="text/javascript">    setInterval( function(){top.location = "<?php echo $gotoLink ?>";} , 3000)</script></head><body>正在為您跳轉到(Now we're relocating you to)：<?php echo $gotoLink; ?></body></html>代碼非常簡單，但這就是anylink的跳轉頁面。再來看張戈提供的go.php跳轉頁面代碼：<?php //$t_url=$_GET['url']; //此代碼無法支持帶請求參數的目的地址，已棄用！$t_url = preg_replace('/^url=(.*)$/i','$1',$_SERVER["QUERY_STRING"]); //這個支持if(!empty($t_url)) {    preg_match('/(http|https):\/\//',$t_url,$matches); if($matches){     $url=$t_url;     $title='頁面加載中,請稍候...'; } else {     preg_match('/\./i',$t_url,$matche);     if($matche){         $url='http://'.$t_url;         $title='頁面加載中,請稍候...';     } else {         $url='https://zhangge.net/';         $title='參數錯誤，正在返回首頁...';     } }} else {    $title='參數缺失，正在返回首頁...';    $url='https://zhangge.net/';}?><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta http-equiv="refresh" content="1;url='<?php echo $url;?>';"><title><?php echo $title;?></title><style>body{background:#000}.loading{-webkit-animation:fadein 2s;-moz-animation:fadein 2s;-o-animation:fadein 2s;animation:fadein 2s}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-o-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}.spinner-wrapper{position:absolute;top:0;left:0;z-index:300;height:100%;min-width:100%;min-height:100%;background:rgba(255,255,255,0.93)}.spinner-text{position:absolute;top:50%;left:50%;margin-left:-90px;margin-top: 2px;color:#BBB;letter-spacing:1px;font-weight:700;font-size:36px;font-family:Arial}.spinner{position:absolute;top:50%;left:50%;display:block;margin-left:-160px;width:1px;height:1px;border:25px solid rgba(100,100,100,0.2);-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;border-left-color:transparent;border-right-color:transparent;-webkit-animation:spin 1.5s infinite;-moz-animation:spin 1.5s infinite;animation:spin 1.5s infinite}@-webkit-keyframes spin{0%,100%{-webkit-transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(720deg) scale(0.6)}}@-moz-keyframes spin{0%,100%{-moz-transform:rotate(0deg) scale(1)}50%{-moz-transform:rotate(720deg) scale(0.6)}}@-o-keyframes spin{0%,100%{-o-transform:rotate(0deg) scale(1)}50%{-o-transform:rotate(720deg) scale(0.6)}}@keyframes spin{0%,100%{transform:rotate(0deg) scale(1)}50%{transform:rotate(720deg) scale(0.6)}}</style></head><body><div class="loading">  <div class="spinner-wrapper">    <span class="spinner-text">頁面加載中,請稍候...</span>    <span class="spinner"></span>  </div></div></body></html>修改起來也很簡單，re.php文件中的代碼基本沒用，只需要將其中的"$gotoLink"轉嫁到張戈的go.php代碼中即可，將以下代碼放進re.php：<?php   $url = $gotoLink;?><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta http-equiv="refresh" content="1;url='<?php echo $url;?>';"><title>頁面加載中,請稍候..</title><style>body{background:#000}.loading{-webkit-animation:fadein 2s;-moz-animation:fadein 2s;-o-animation:fadein 2s;animation:fadein 2s}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-o-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}.spinner-wrapper{position:absolute;top:0;left:0;z-index:300;height:100%;min-width:100%;min-height:100%;background:rgba(255,255,255,0.93)}.spinner-text{position:absolute;top:50%;left:50%;margin-left:-90px;margin-top: 2px;color:#BBB;letter-spacing:1px;font-weight:700;font-size:36px;font-family:Arial}.spinner{position:absolute;top:50%;left:50%;display:block;margin-left:-160px;width:1px;height:1px;border:25px solid rgba(100,100,100,0.2);-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;border-left-color:transparent;border-right-color:transparent;-webkit-animation:spin 1.5s infinite;-moz-animation:spin 1.5s infinite;animation:spin 1.5s infinite}@-webkit-keyframes spin{0%,100%{-webkit-transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(720deg) scale(0.6)}}@-moz-keyframes spin{0%,100%{-moz-transform:rotate(0deg) scale(1)}50%{-moz-transform:rotate(720deg) scale(0.6)}}@-o-keyframes spin{0%,100%{-o-transform:rotate(0deg) scale(1)}50%{-o-transform:rotate(720deg) scale(0.6)}}@keyframes spin{0%,100%{transform:rotate(0deg) scale(1)}50%{transform:rotate(720deg) scale(0.6)}}</style></head><body><div class="loading">  <div class="spinner-wrapper">    <span class="spinner-text">頁面加載中,請稍候...</span>    <span class="spinner"></span>  </div></div></body></html>總結：1.跳轉方式選擇JavaScript跳轉；2.修改re.php文件。下面來看看效果，外鏈到先森的微博：@成航先森 (希望能關注一下，謝謝)

本站之前的文章，基本存在一個問題：用手機訪問，查看文章時圖片有明顯縱向拉伸問題。之前覺得沒什么，但是最近先森的強迫癥犯了，非要把這個問題解決了不可。開始，先森以為是七牛緩存圖片的設置問題，但是“七牛云儲存”插件、七牛空間管理找來找去，設置多次之后，無奈的發現，問題還是沒有解決。再后來，開始懷疑是阿里云主機的問題，但是通過測試也排除了。最后，通過站長之家的移動跨屏模擬，查看審查元素后發現，圖片的高度，是先森在百度UEditor編輯器中給圖片設置的高（圖片單擊放大）。經過調試發現，<img>標簽中的style就是影響移動端自適應的問題所在。將整個style刪除后，既不會影響PC端圖片大小，也會使自適應恢復。這也是吃了直接用網上代碼，先森自己沒有研究過自適應的虧，發現問題還繞了很大的彎。通過排查發現，只要通過百度UEditor編輯器設置圖片的寬高，即會自動添加width、height、border、vspace以及style屬性，style屬性中也包含width與height，也就是編輯器同時設置了兩組寬高。而我們要做到的是使UEditor編輯器設置圖片寬高時，不添加style屬性。通過在官方文檔中尋找解決方法無果后，開始在插件中的代碼中尋找，終于找到了關鍵代碼。在服務器中打開/wp-content/plugins/ueditor/ueditor/dialogs/image，找到image.js文件，打開編輯（點擊放大）：如上圖，打開并找到第279行，將以下代碼刪除或注釋：style: "width:" + data['width'] + "px;height:" + data['height'] + "px;"如此，即可解決設置圖片時自動添加style的問題，也就解決了自適應問題。有任何疑問，歡迎在下方評論區提出，也歡迎在頁面頂部右方關注我的微博（@成航先森）。

百度UEditor編輯器雖然非常好用，但是卻也存在著一些與其它插件沖突的情況。下面要為大家分享的是通過百度UEditor編輯器上傳的圖片，無法被七牛CDN自動緩存的解決方法。之前為大家推薦了百度UEditor插件，不了解的可以看看：百度UEditor編輯器插件1.4.3.1 For WordPress原因分析通過百度UEditor編輯器上傳的圖片，通過審查元素我們可以看到，圖片鏈接只有路徑（點擊放大）：而產生只有路徑的原因是百度UEditor編輯器上傳圖片時自動添加的地址就只有路徑：而要達到使七牛識別，圖片鏈接就必須帶上網站地址，如下圖所示（點擊放大）：解決方法我們需要達到的目標是鏈接完整，而UEditor編輯器上傳的圖片，從上傳時的鏈接就不完整，所以我們需要解決的就是讓UE編輯器總動在鏈接上添加網站鏈接，使鏈接完整。在服務器上打開/wp-content/plugins/ueditor/ueditor/php文件夾，找到config.json文件，編輯這個文件，打開如下（點擊放大）：我們可以看到，小編為本站編輯好的第11行紅框位置，只要在雙引號中添加自己網站地址即可。2016年3月10日更新先森為了發出此文之前的文章內圖片也能重新被七牛緩存，動了點腦子，想要解決這個問題。首先，之前的文章圖片的問題就是只有鏈接只有路徑，沒有域名，所以先森首先想到的就是為圖片添加域名。在2016年3月9日先森發布的文章中提到過，知更鳥為我們提供了一個為WordPress文章圖片自動添加鏈接到原圖的代碼：WordPress插件Auto Highslide代碼化折騰小記知更鳥的代碼是為WordPress文章中圖片添加鏈接，所以先森就想就此代碼進行改編，使其能夠為圖片增加域名。先森的JavaScript純屬自學，而且只學了一點，雖然最后成功了，但其中的艱辛卻無人可知。不多說，這接上最終代碼：<script type="text/javascript">$(function() { $('#newsContent img').each(function(i){ var str=$(this).text()  //或許應該是var str=this.src if(str.indexOf("capjsj.cn")==-1){ $(this).attr("src",this.src); } });});</script>然而代碼雖然是弄出來了，但是先森發現，這只是從表面上更改了鏈接，然而源代碼確是沒有改變，所以就無法緩存這些圖片了。不過，雖然繞了個大彎子，但先森還是終于想到了正確的做法——替換。先森的數據庫沒有學好，所以一直小心翼翼的不敢去觸碰數據庫，但這次終于還是要碰了。數據庫的替換語句大概是這樣的：update 表 set 內容字段=replace(內容字段,'需要被替換字符串','替換字符串')先森的替換代碼是這樣的：update wp_posts set post_content=replace(post_content,'src="/ueditor','src="//www.cnidcc.cn/ueditor')即：用'src="//www.cnidcc.cn/ueditor'替換掉'src="/ueditor'。這樣非常簡單的就解決了問題，論學好知識的重要性。。。有任何疑問，歡迎在下方評論區提出，也歡迎在頁面頂部右方關注我的微博（@成航先森）。

在很早以前，小編就覺得WordPress自帶的編輯器很難用，簡易又不適合中國人的口味，所以早早的就將編輯器換成了百度的UEditor編輯器。今天就為大家推薦下這款UEditor編輯器。首先，我們來將wordpress默認編輯器和百度UEdito編輯器做一個對比：WordPress默認編輯器：百度UEditor編輯器：UEdito簡介： UEditor編輯器 For WordPress插件最早由taoqili開發，SamLiu改進,但兩位作者均不再發布更新版本，大山在此基礎上更新到Ueditor1.4.3.1。 UEditor編輯器內置了代碼高亮功能，對于碼農來說，簡直是神器級編輯器插件啊。wordpress ueditor插件集成的功能：百度地圖、音樂播放器、視頻播放器、百度應用、谷歌地圖。UEdito演示地址：http://ueditor.baidu.com/website/onlinedemo.html從演示地址不難看出這款插件的功能跟我們在平時百度知道發評論的時候的界面沒有什么不同，對于國內的朋友來說，wordpress的編輯器功能實在是少的可憐，我們都是通過代碼的修改來達到擴展編輯器的目的，甚至裝上了編輯器擴展插件，以及代碼高亮的插件，但是這款插件的功能十分豐富，用一句話來說就是只有你想不到的，沒有這款插件沒有的，如果你會修改該插件的代碼還可以進行刪除自己不喜歡的功能而實現功能的定制。插件下載百度網盤：鏈接: http://pan.baidu.com/s/1c1bKhNy 密碼: sd46內容預覽：安裝插件前請查看使用說明，安裝插件的時候請上傳ueditor.zip。有任何疑問，歡迎在下方評論區提出，也歡迎在頁面頂部右方關注我的微博（@成航先森）。