開始使用新服務，關於我

About.me 這個服務申請有一段時間，今天終於發送下來。在簡單設定過後，就把他用來當作www的主要入口，本來的google介面依舊存在。

這樣做的好處是，不用連進服務就可以看到我講了什麼屁話，拍了什麼照片。

佈景還會再調整，背景也是一樣。目前屬於調整beta期，若真的覺得不錯才會定案。

Superbil on About.me

自我介紹的部份本人依舊是無力中，要寫出介紹自己又不過火又要有內容的文字，是個難題。請待我那天靈光一閃，那就會跟著出現了。

謎之聲：看來你已經準備富奸化

新版面，新氣象

在經過短暫的考慮後，馬上動手把這個醜醜的外觀給換掉了。而且順便測試一下Blogger的範本設計工具，在經過這次簡單的使用後，只遇到一些小問題，其他都是相當的完美。

簡單的說，範本設計工具相當的直覺而且易用。自己只在大量切換後，換回Google伺服器出現錯誤(bX-g8vo6s)；在一段時間後又恢復正常，這有可能是因為自己一直在大量讀取的原因吧。

然而，新版本的外觀如下

有一點相當的有趣，在標題下面放的連接清單是設定成橫式，剛好符合自己用來當做其他網站的連接

謎之聲：你還真的很懶，連背景都沒有換過

PS.網站預覽圖是使用bluga.net webthumb來產生的

當兵天數

基於過幾天就要去當兵和當完兵可以清楚的知道自己剩下多少天，就參考別人寫的簡單弄了一個js來提醒自己和告知他人。 謎之聲：這樣置中很難看耶，你不是要弄樣式，快一點阿！

舊文章匯入

自從從Wordpress搬到Blogger已經是很久之前的事情了(不想考)

剛剛才突然想到這件很重要的事情，還好有之前做到一半的半成品所以現在做起來是如此的輕鬆 :P

目前剩下的工作是整理標籤，這樣一來才可以說是匯入工作完全完成

記錄一下，我自己轉換的過程

1. 從Wordpress匯出XML(WXR)
2. 試著使用軟體讀取這個XMl檔，遇到很多格式上的問題。主要都是comment的留言沒加上<![CDATA[]]>的標籤，所以被當作是XML的一部份而誤判。這個部份我是使用w2b的讀檔功能來作測試的謎之聲：這個時候就過了好長的一段時間
3. 使用http://wordpress2blogger.appspot.com/這個工具，把剛剛整理好的東西讀入，並且把輸出的檔案存在自己知道的地方
   
4. 打開Blogger的資訊主頁，並且選擇設定
   
5. 再選擇匯入網誌這個功能
   
6. 再來選擇剛剛網站輸出的XML檔，照圖片上輸入英文(天殺的難)，最後按下匯入網誌即可
   

後記：整個過程最難的地方應該是輸入那個認證；網站輸出的檔案我試著用編輯器去讀過，除了Vim之外都會開到當機。可能是因為檔案完全沒有換行，一行到底的原因。最好在輸入前就處理好，輸出後的那個鬼東西丟給Blogger就行了。


謎之聲：你竟然現在才弄好，真的很糟耶你

標題背景變更

純藍的背景看了很久，自己看不下去。就從舊的圖庫裡面隨手抓了一張，再切出符合這個版型大小的圖片。之後，在設定樣版，可以直接設定背景圖，就可以看到成果了。謎之聲：你一句話到底做了多少事情…

因為程式碼看起來其實很噁心...所以我用文字帶過就好 XD


把header-wraper 這個div裡面換成下面的東西，之後就可以直接從後台從標頭的右下直接按下編輯來設定背景圖片！

<div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Superbil.info (標頭)' type='Header'>
<b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
<b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
<b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'>
      <!--Show just the image, no text-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
      </div>
    <b:else/>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height + &quot;px;&quot;                      + &quot;_height: &quot; + data:height + &quot;px;&quot;                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
        <div class='titlewrapper' style='background: transparent'>
          <h1 class='title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </h1>
        </div>
        <b:include name='description'/>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
</b:widget>
</b:section>
    </div>

謎之聲：看的懂有鬼！

再來就是幫右邊加上了搜尋的功能，是draft版才有的，哈

授權變更

我原本使用創意CC的 姓名標示─非商業性─相同方式分享，後來在因為讀過Copyleft 與 GNU Free Document License 在部落格寫作上的適用性，兼論 Creative Commons 與 Copyleft 的相容性之後，我重新思考到底我自己的授權方式。

非商業性的使用，並且用相同方式分享，這樣限制了文章的可能性和分享為上的精神。所以我把授權方式變更為 姓名標示─相同方式分享！這樣只要是任何人想要使用文章或是程式碼的話，都請自行拿去吧！不過最基本的精神就是，請附上姓名。

使得更多人能夠得到更多的幫助，也使得更多人能夠更容易使用。而且我也在思考，若用GNU Free Documentation License在某方面來說，會不會更好呢？嗯…
謎之聲：你要也考慮到別人會不會用你寫的東西阿 XD

咩樂寶寶樂園

從這邊看到消息台灣版 Meromero Park 上線。

想當初日文版什麼都看不懂的時候就玩了，當然現在台灣版上線也要來弄一下XD謎之聲：那之前的那個勒？！

簡單的註冊了台灣版的帳號，日本版的就放在那邊吧！反正我也沒花什麼錢，更沒有買什麼新奇的東西，所以一點都不會痛 XD 謎之聲：你果然很賤…

歡迎也有玩的人一起來我家逛逛嘍 :P



相關連接：咩樂寶寶樂園

Superbil.wiki 舒特比快記 開張

最近心血來潮整理，趕快把舊的wiki資料整理起來。東西就放在Google Sites，反正就當作是個人記錄，這種程式碼被偷走一點感覺都沒有，若有幫到別人那才是真的很好。當然啦，若有用到的人還是希望留個言之類的，哈。

Superbil.wiki 舒特比的快記

原因是因為聽到Google Page要收起來了。我就趕快Google Page把上面的小圖片，檔案丟到Google Sites去。不過發現一個小問題，就是Javascript「.js」的檔案不能上傳，之前在Google Page還可以那樣用的說，可能是為了流量或是安全性吧。

目前的做法是，把Wiki的文章直接放到Superbil.wiki上。然後把Code整理過之後，貼到Superbil.code。最後，再把.wiki裡面的連接連到.code。這樣做好像很麻煩，但是程式碼可以整理在同一個地方，之後搜尋也會比較方便。

目前也打算把整理起來的程式碼重新跑過一次，並且重新整理起來，也讓自己之後好使用或閱讀。
謎之聲：不知道為什麼Google DNS有時候就是會怪怪的…

版面更新

在經過多次變更版面之後，目前應該不會再做重大的變更了。Blogger提供給使用者的是完全的自訂，雖然這樣講我還是喜歡先使用別人設計好的，然後再對剩下的部份做變更。
謎之聲：明明就是你懶…

在試過這麼多的Blogger版面之後，我發現。還是Meta所設計的最符合我的需求，所以目前就定下來使用吧，以後若心情不好或是怎麼樣再來更換吧。

舊站的文章我已經備份出來，只是看著那麼多文章要一篇一篇重新發表。大概要好好好…長一段時間，所以找一個好的匯入工具也是必要的！舊的文章就無限備份在我自己的電腦吧 XD
謎之聲：講來講去還在說你懶咩…

網址五四三

小弟我在某年某月買下了Superbil.info這個網址，那天可能是我目前人生中做的正確決定之一。從此之後課業一帆風順、世界太平，而且我每科都考100分呢！
謎之聲：聽你在放屁…

好，在買下網址不久我在某大之下暫時居住了一陣子。大概經過了一年左右的時間，某大把整個網站做更新，而我也從那邊換到了日前居住的Neptunic底下。在那邊除了有的時候主機會因為不知名的原因當掉之外，其他也沒遇過什麼樣的大事情。

就在一切看起來都是如此美好的日子之後，就發生了我預料之外的大事情。N大在義務性的跑去玩國軍online，主機就此進入了無人可管的境界。而後在過了大概半年左右的時間，N大也因為機房電壓不穩偷偷的把主機給關了。

然而，最重要的事情就是我還沒把文章備份出來阿… :(

不知道又經過了幾個月，我自己因為手實在太癢，所以就開始在Blogger定居。而後，我若拿到資料庫我會再把舊的文章給弄出來的。目前最遺憾的是在Google搜尋我的id，Superbil.info已經不見了 orz
謎之聲：我總覺得應該是你的良心發現才對…

耶耶，事情其實到這邊才進入主題。我現在把轉址設定了一下，目前的情況是…

Superbil.info -> http://blog.superbil.info
Superbil.Code -> http://code.superbil.info
Start From Superbil.info -> http://www.superbil.info

那本來的http://Superbil.info就此保留吧！那天我又有主機的時候應該會把文章再次弄出來。
謎之聲：怎麼覺得你講的很心虛…

Blogger轉換

話說我前幾天在整理我的Blogger的時候發現，我之前在Blogger上的開的舊站，好像錯過了轉換的時機。變成東西還在，但是在後台卻無法管理的囧境。

找了好久好久，才找到解決的辦法。

根據Ptt上的v大提供的網址，重新讓Blogger把舊的站台轉換一次就可以了！

Superbil.Code 開張

這個Blog目的很簡單，就是把我寫的程式碼往那邊亂塞。

以Blogger提供的Tag來當分類，應該不會很亂…應該
謎之聲：你講的很心虛阿！

而且我也順手把我的子網址也設定過去了！

連接在此 請慢用…

Superbil.Code

久違的一篇

自從提供我空間的Neptunic去玩國軍online之後，本來的網站已經進入死水的階段。本來已有要做此備份網站，但礙於自己的懶惰所以遲遲沒動手…

現在突然有好多好多事想打想說，沒有一個屬於自己的地方也怪怪的。因此最近幾天才把整個網站給整理起來。

目前做了一個簡單的入口網站Start for Superbil.info，提供了一些我有使用的服務和快速連接。目前還有很多功能屬於無法使用或是正在除蟲中 orz

當然這篇是自己手癢打出來的…

轉碼的感動

Mysql自從推出4.1版之後，網路上常常聽的到轉換的慘叫聲。因為有先見之明，所以我先行把資料庫備份起來，再開始所謂的轉碼的大工程(謎之聲：俗話說，有備無患！好句好句)。

從Google(註1)上查到的資料顯示，不管是用phpMyadmin或是使用apples所寫的資料庫轉換程式，得到的結果都是亂碼(註2)。因為我不信邪，所以以上兩種方法我都試過請不要再試了。正確的方法是使用mysql的程式mysqldump，然後把dump出來的資料做簡單的編輯，再丟回資料庫即可。

1. 找到mysqldump程式的位置並且執行：
   mysqldump database > database.sql --default-character-set=latin1 -u abc -p
   
   
   
   • -u 設定要使用的帳號
   
   
   • abc 使用帳號名稱，通常是使用root或是有權限的帳號
   
   
   • -p 要輸入密碼
   
   
   • database 要輸出的資料庫名稱
   
   
   • database.sql 輸出的資料庫存方檔案
   
   
   • --default-character-set=latin1 設定讀出的編碼(根據自己的mysql編碼而設)
   
   


2. 把datapase.sql這個檔案用Emeditor來編輯，把裡面的latin1全部用utf8換過。然後再另存新檔，並且記得用UTF-8來存(建議不要用本來的檔名，另設一個database_utf8.sql更好)。


3. 把剛剛處理過的database_utf8.sql再傳回Mysql
   mysql database < database_utf8.sql --default-character-set=utf8 -u abc -p
   
   
   
   • 可以在傳入前把mysql的編碼換成utf-8，或是把mysql升級
   
   
   
   

運氣好的話照著以上的步驟若沒有出現錯誤的話，轉碼就成功了！但是，我在處理Mediawiki的資料庫的時候遇到了這樣的問題…
Specified key was too long; max key length is 1000 bytes
我試著改結構表, 但是不可行錯誤依舊存在。後來我才在這篇文章發現，原來我把Innodb也給丟出來了(囧)。我對著我有問題的那個資料表把ENGINE=MyISAM換成ENGINE=InnoDB, 就可以正常匯入！

然後進到phpMyAdmin裡面看資料庫，是中文！感動的無法言語 :'(



我是一直卡在編輯資料庫的檔案上，本來是試著用vim加上encoding去更改內容。不管我怎麼試好像都是錯的，可能是vim不能完全支援utf-8吧 :(
我後來我才發現，編輯檔案的工作交給Emeditor就可以了，畢竟這個是日本人所寫的程式阿。

註1. 我使用的關鍵字為「mysql utf8」或「mysql utf-8」

註2. 我連接進mysql的時候是使用utf-8，phpMyAdmin裡面顯示的校正也是utf-8，只有在系統編碼的地方才是latin1。

相關網頁：

• MySQL latin1 轉 utf8


• A MySQL 4.1 Story

Simple BBS

之前就看到這個簡易的留言版很久了,最初是從羊男實驗的咖啡館看到的
一直沒有時間弄,直到今天花了點時間把這個給弄好:D

若要留言，只要在右邊按下WRITE就可以了
若要看之前的留言，按下READ即可
那個小太陽是用來管理用的啦 :P
原來的留言版還是留著的好，因為那個可以貼的東西也比較多 XD

官方網站JUGEP!,申請也是在這頁已經停止申請
而且，他還有提供MileForm和MOBlog有興趣的人可以申請來用

相關網站：

Simple BBS 設定方法