I.P. zone

   

還記得剛開始用痞客邦發表文章時，真的是非常的囧！
一篇文章寫出來，光是排版就花了好幾個小時的時間…Orz
日後在痞客邦發文上也遇到許多瓶頸……
不過正所謂熟能生巧，這些發文囧境都被I.P. zoner一一破解了！
所以今天就是要來跟大家分享I.P. zoner破解痞客邦發文囧境的密技！
請愛用痞客邦的大家告訴大家，要在痞客邦發文前先來看看這篇教學喔！

在傳授I.P. zoner的破解密技之前，先要給大家來點背景知識，在痞客邦編輯文章有兩種模式可以選擇，分別是「編輯器模式」和「純文字模式」，所謂的編輯器模式就是一種所見即所得的模式，想要什麼格式按個按鈕就可以做到，編輯器模式的樣子如下圖：

 

而純文字模式顧名思義就是直接編輯文章的HTML碼的編輯模式，純文字模式的樣子如下圖：

 

好~有了這些背景知識就已經具備了破解發文囧境的基本功囉~接下來就由I.P. zoner來帶領大家破解痞客邦發文的三大囧境吧！
  

囧境一：
 
痞客邦內建的編輯器模式bug超多！常常在編輯器上看到的文章排版格式，跟真正貼出文章後的排版格式有很大的差異！而且常常有些格式在編輯器上怎麼調就是調不出我心目中想要的文章排版格式！

破解：

簡單的說就是請愛用MS Word或是其他的文書編輯軟體，要發表或編輯一篇文章前，請先在Word中寫好文章並調整好所有的排版格式，包括文字的大小、顏色、格式、段落的間距和文章的行距等，並且把文章中要放圖片的地方，先預留起來，然後將Word中的文章全文複製貼上到痞客邦的編輯器模式中，再把圖片插入到之前預留起來要插入圖片的位置。

為什麼要這樣做呢？第一個原因是因為痞客邦內建的編輯器模式本來就有很多莫名其妙的bug，直接用內建的編輯器來編寫文章，你一定會用到很火大，第二個原因就是如果是使用MS Word等文書編輯軟體來編寫文章的話，可以設定一些痞客邦內建編輯器所沒有辦法設定的格式，像行距、段落間距等格式，這些格式在痞客邦內建的編輯器中就沒有辦法設定。

所以在痞客邦中發文的正確步驟如下：

Step1：

先將你的文章在MS Word中寫好且設定好格式﹝文字的大小、顏色、格式、段落間距、文章行距等﹞，並把要插入圖片的地方先以空白鍵或換行的方式預留位置；把所有要插入在這篇文章中的圖片先上傳到痞客邦的相簿中，若是希望某些圖片只要在這篇文章中顯示，但不要在相簿中公開讓大家看到，可以上傳至痞客邦的系統相簿中。

 

Step2：

進入痞客邦的「編輯器模式」，先按下左上角的HTML按鈕，這是一個在編輯器模式中用來直接修改文章的HTML碼的功能，按下後會出現一個視窗用來顯示目前文章的HTML碼，在發文前請先確認這個視窗是空白的。

 

Step3：

接著就把已經在Word中打好的文章全部複製貼上到痞客邦的編輯器中，再把要插入圖片的地方插入圖片。

 

 

Step4：

編輯完文章後，按下右下角的「預覽文章」，這時通常都會發現文字的大小和顏色跟在編輯器中所顯示的不太一樣，沒關係，現在我們再跳回原來的編輯器，使用編輯器上用來調整文字大小和顏色的功能，把在「預覽文章」中有問題的文字全部手動調整一次，調整完後再用「預覽文章」的功能看看是不是調整好了，就這樣一直調整到你覺得OK為止，就可以送出、儲存文章囉。
P.S. 為什麼在這邊編輯器上所顯示的文字大小、顏色會和預覽文章後的格式有所差異呢？因為在痞客邦很多的版型，都有預設CSS的文字格式，你會發現在Word中沒有去特別調整格式的文字﹝在Word中預設的文字大小是12pt、顏色是黑色﹞，複製貼上到編輯器以後通常都會有問題﹝自然而然地就套用了版型的CSS文字格式，但是在編輯器上卻看不出來﹞，而在Word中有特別調整過格式的文字貼到編輯器後就不會有這樣的問題。

 

 

 

 

囧境二：

 
想要在文章中的某個區塊貼上JavaScript的特效、貼紙或廣告，使用編輯器模式提供的編輯HTML碼功能，編輯完後居然發現整篇文章全部變成空白，或是發生莫名其妙的狀況…… Orz

破解：

使用編輯器模式的編輯HTML碼功能，當你按下儲存的那一刻，痞客邦就會把你剛輸入的HTML碼依照系統希望的方式重新修改，這時常常就會照成不可預期的錯誤，所以如果要在痞客邦插入JavaScript語法的特效、貼紙、部落格小玩意或廣告就不能夠使用編輯器模式，而要使用純文字模式，有人可能會說：「可是我看不懂HTML碼，而且如果使用HTML碼來編輯文章真的很累@@」，沒關係，我們可以在這兩種模式中做切換，先使用編輯器模式編輯完成文章的大部分內容，並把文章中要貼上JavaScript程式碼的位置先預留起來，接著再切換到純文字模式，把JavaScript程式碼貼上，詳細的步驟如下﹝這邊以貼上AdSense的JavaScript程式碼為例﹞：

Step1：

依照破解囧境一的方式先使用編輯器模式把文章的大部分都編輯好，只把要貼上JavaScript程式碼的部份預留起來，然後把文章存成草稿。

 

Step2：

在痞客邦的管理後台，選擇左半邊側欄的一個選項：「基本/進階設定」，進入基本/進階設定視窗，在「部落格基本設定」的部份找到「預設文章編輯模式」這一欄，選擇「純文字模式」，然後按下右下角的「儲存設定」按鈕。

 

Step3：

重新開啟剛剛存成草稿的文章，這時文章的編輯模式就會變成純文字模式囉，這時先確定在編輯器框框正下方的一個選項：「不要系統自動換行，建議插入影音、表格、活動貼紙、dreamweaver語法時勾選。」有被勾選，再從HTML碼中找到要插入JavaScript的位置並貼上程式碼，然後把文章的狀態改成公開，按下右下角的「儲存文章」按鈕，這樣就把文章編輯完成並發佈囉~。
注意：日後如果你要編輯文章中含有JavaScript程式碼的文章，就只能使用純文字模式來編輯喔！如果再切換成編輯器模式編輯文章的話，會發生不可預期的錯誤喔！

 

 

 

囧境三：

 
在網路上看到了在blog上嵌入YouTube高畫質影片的語法，但在痞客邦上卻不起任何作用？
P.S.什麼是YouTube高畫質影片語法？請參考這篇「三個步驟讓內嵌在blog或網頁上的YouTube影片以高畫質模式播放！」

破解

使用破解囧境二的方式，把YouTube高畫質影片的內嵌語法貼在文章中你想要插入影片的地方，這樣在痞客邦上也可以插入YouTube高畫質影片喔！

讓我們來看看實際的例子：

一般畫質的YouTube影片：

開啟高畫質後的YouTube影片：