2007/08/24

幸好有寫「觀察與試驗」的系列!

昨日本站的第一次網災日,前因後果記述如下:

起因:

  1. 想移除醜陋的 「ClickComment」,ClickComment原本小小的,適合低調的放在版面上,可是前些日子寄個Mail過來,說他要改版,回到本站版面上一看,可愛的小圖示變得又大又醜,想要移除這項服務卻成了昨日網災的起火點。


  2. 2.「黑米」與「推推王」在很接近的時間內改版,台灣盛名的部落格市集推陳出新當然是好事,可是卻成了本站網災的雷管。為了要恢復「推推王」的按鈕,新增「黑米」新Widget,在不穩定狀太下成為另一個引爆點。



災情:


  1. 移除ClickComment時不慎把小裝置參數移除,把原本安靜低調的「跑步馬利歐」關到中間欄位,最底下的欄位錯亂。看到「跑步馬利歐」有如老鼠般的在中間欄位亂竄,不禁心疼萬分。


  2. 情急下做調整,引發一連串大爆炸,包括「繼續閱讀」功能喪失,「黑米」與「推推王」按鈕全不見,眼見版型即將潰散。




修復方式:


  1. 按前幾次的「觀察與試驗」,一步步的喚回記憶。
    本站是由Douglas Bowman寫的Rounders 2版型下去改的,把原本兩邊SideBar的欄位改成移到同一邊,再細看後發現無法找到當時如何移動版行方法,甚至是想要放棄Rounders 2版型改為Blogger中的Templet,至今日午夜12點多終於放棄Import版型的衝動。


  2. 見到「範本」-->「修改 HTML」-->「將迷你組件範本回復為預設值」,狠下心點選後就結束工作。


  3. 今日上網後「跑步馬利歐」與底下的欄位已回到網頁的最底下。但是「繼續閱讀」功能喪失,「黑米」與「推推王」全消失了,版面拉的極長不易閱讀。


  4. 先以恢「繼續閱讀」為主,在回到「觀察與試驗」系列之「繼續閱讀之小改版」找到CJH大大寫的[BLOGGER]繼續閱讀懶人版(For Blogger New),重新看過內碼,發現昨日按下重整迷你組件讓許多Code不見,加上又改過Rounders 2的版型,把<span
    style="font-weight:bold;"><data:post.body/></span>定位出來(請由「範本」-->「修改 HTML」-->「展開小裝置範本」再找到<data:post.body/>),置換
    <div expr:id='"PS_"+ data:post.id'>

    <data:post.body/>

    </div>

    <b:if cond='data:blog.pageType != "item"'>

    <b:if cond='data:post.url'>

    <script
    type='text/javascript'>hidePost('<data:post.id/>','<data:post.url/>');</script>

    </b:if>

    </b:if>

    <div style='clear: both;'/>

    </div>





  5. 解決了「繼續閱讀」之後,回到「黑米」抓按鈕,事實上「黑米」與「推推王」兩個是目前台灣部落格界的死對頭,除了在服務功能相似,在按鈕功能上也互有衝突見阿土伯的「黑米小按鈕 加強版」,因此決定先安裝「黑米」制式的按鈕,再小修一下:

    <script
    type="text/javascript">

    HEMiDEMi_Bookmark_Button_URL = '<data:post.url/>';

    HEMiDEMi_Bookmark_Button_Title = '<data:post.title/>';

    HEMiDEMi_Bookmark_Button_Style = 'button1';

    </script>

    <script
    src="http://js.hemidemi.com/javascripts/hemidemi_bookmark_button.js"
    type="text/javascript"></script>

    但注意要安插的地方,由於本站特殊版型,因此花了一點時間找到合適位置。

  6. 最後安裝「推推王」按鈕,在阿土伯的「推推王 推文按鈕貼紙 加強版」找到不與黑米衝突的小程式,在<head> 之上找個地方加入 <script
    src='http://blogger-ext2.googlecode.com/svn/trunk/3rd/funp_button2.js'
    ></script>
    再把「推推王」按鈕位置挪到「黑米」的旁邊,因有上面那隻js罩著且有DIV區格,就不怕這兩隻打架了。

    <div class='funp_button'
    style='float:left; margin-left:10px;
    font-size:0px;'><data:post.url/></div>




心得:


  1. 會拆就要會裝...不要傻傻分不清...玩部落格就要有整個版型隨時會掛掉的心理準備,所以這只是個開始...但真切的希望不要下一次。

  2. 玩人家免費提供的東東要認份...有變化要先變的是自己...


  3. 謝謝網路上廣大的高手,要不是你們這樣貢獻,這次災難不會那麼快就被止著。



謝謝

8 意見:

  1. 隨時隨時記得備份喔!
    這叫做...
    居安思危,未雨綢繆,
    我會不會太愛碎碎念啦= =|||
    謝謝分享!^^

    回覆刪除
  2. 可以留言了...
    好怪..現在小站跟IE不太合
    應當是亂改後還有小虫子在

    ...
    魷大
    你說的沒錯呀...
    隨時備份是好習慣...
    總是在發生之後才會想起..,
    Orz

    回覆刪除
  3. 我也覺得 ClickComment 的新圖案不好看 =   ="

    嗯,老鼠那邊讓我笑了 XD

    回覆刪除
  4. 風大
    當初安裝ClickComment用他的程式安裝
    不是用手動
    所以移除造成災害...
    不過這問題似乎沒解決
    我在FireFox看版型與IE看的不一樣
    IE會出錯...
    還在除錯中...

    回覆刪除
  5. 唉呀,你拿掉了,真可惜...因為我記得以前曾遇過類似的問題,後來發現是 IE 認錯編碼,本來想用 IE 證實看看是不是這原因才出錯的...

    如果是這原因的話,可以在 <script> 設定 charset 屬性解決

    回覆刪除
  6. 謝謝提示,風大
    Chraset的確有疑問
    再IE剛改有一陣子是好的
    可是load幾次之後就一直亂下去
    我也造了個另一個測試用的blog再去import那個三欄式版型
    結果竟和現在出現錯誤一樣
    可見是Google有改東西...
    似乎與你提的Chraset轉碼有關...
    要不然不會出現同樣問題...
    我再找找看有沒有辦法...

    回覆刪除
  7. 原來如此.^^
    看到馬立歐卡在中間要跑又跑不掉,害我跟他一樣:急得像熱鍋上的螞蟻XD

    回覆刪除
  8. to BIRGIT
    沒錯
    我也是急呀
    原本馬力歐應當低調的在角落奔跑
    可能會利用長假再來改版...

    回覆刪除