ブログ引越で苦難 その参 ~データ移行編~

さて、テストも終わり整ったので、
これでOKと思い、全データをインポートしました。
 
・・・しかし、ここで落とし穴が・・・。
なんということでしょう・・・。
 
 
古いデータが、全て1770年に・・・。
 
 
ええぇえええー。ありえねー。Σ(@д@;)
 
インポートしたファイルを調べてみたのですが、
ちゃんと2004年になってるんですよね。。。
もう、凹みました、、、がとりあえず全部手動で消去しました。
予想としては、おそらく
 
データ形式か何かが少し違ってる。。。
 
ということでしょう。
この2つをを繋ぐためにもうひとつワンクッションを置かねば・・・。
そしていくつかのブログを探しつつ、
以前使ったこともあるFC2ブログに目をつけました。
ここもMobileTypeが使えるので、
 
①おかしいデータになるはてなの数日分をFC2へインポート
②FC2をMobileTypeでエクスポート
③それを、ロリポへインポート
 
おおぉ、成功。
ということで、ようやく引越が完了しました。
 
ちなみに、今更ながらにFC2とはてなのデータを比べてみたのですが、
もしかすると、文字コードが違う成果もしれませんね。
それか、未分類カテゴリ項目が指定されていないからか?
はてな→UTF8 FC2→EUC でした。
こんど時間があるときにでも再度やってみますね。
 
その四に続く

ブログ引越で苦難 その弐 ~データ移行テスト編~

気になるデータインポートとエクスポートです。
まず、はてなダイアリーからデータを抽出するために、
エクスポートしなければなりません。
 
はてなダイアリーには、3パターンの形式があります。
 
・はてな形式
・csv形式
・MobileType形式
 
そして、JUGEMにはデータを取り込むために、
インポートの形式を確認してみました。
 
・JUGEM形式
・MobileType形式
 
「おっ、MobileType形式が使える♪」
 
 
ということで、MobileTypeでエクスポートすることにしました。
はてなダイアリーのデータの管理からエクスポートします。
400日くらいあると、ダウンロードも少し時間かかりますね。
そして、できたファイルをテキストエディタで確認します。
 
 
この全データをいきなり入れるわけにはいかないので、
まずは、数日分を抜き出してインポートしてみます。
さくっとうまくいきましたが、ここでまた問題が・・・。
 
はてなで使用していたようなスタイルにしたいため、
文字列のmarginなどもちょこちょこ変更します。
そして、、、しまったと思ったのは、
 
はてなの商品紹介のところが崩れてしまう。
 
そうです、商品紹介用のcssを指定していないためですね。
なので、はてなダイアリーから、cssを探してきます。。。
 
自分のダイアリーで右クリックをしてソースを表示。
cssは上の方に定義されています。
 

 <link rel="stylesheet" href="/css/base.css" type="text/css" media="all"> 
<link rel="stylesheet" href="/headerstyle?color=lb" type="text/css" media="all"> 
<link rel="stylesheet" href="/theme/cafe-blue/cafe-blue.css" type="text/css" media="all">
  
 
この辺ですね。
上二つはおそらく基本のもの?で、3番目がテンプレートのcssかと予測。
で、3番目のcssのパスは、http://d.hatena.ne.jp/theme/cafe-blue/cafe-blue.css
になりますね。
そして先ほどのソースをもう一度見てみると、
商品紹介のところに

 <div class="hatena-asin-detail">  
こんな設定になっています。
で、cafe-blue.cssで検索してみると、
 

 div.hatena-asin-detail{ 
  border:1px solid #E5F1F0; 
  background-color:#F1F7F5; 
  margin:10px 20px; 
  padding:1em 0 0 0; 
  font-size: 100%; 
}
  
 
こんな感じで存在しています。
これを踏まえて、他に関係あるcssをコピーして、
ロリポのcssに貼り付けます。
 
そうすると、あら不思議。
はてなダイアリーで使用していた形式と同じになりました~。
 
データ移行編に続く

ブログ引越で苦難 その壱 ~デザイン編~

ブログ引越の苦労したところでも書こうと思います。
現在間借りしているレンタルサーバは、
ロリポップサーバのところなので、
 
ロリポブログ
 
というところです。
ざっくりとしか調べてませんが、
どうやらJUGEMブログを基盤としています。
 
デザインは少し悩みましたが、
はてなダイアリーで使っていた
【青×白】のカラーリングが好きだったので、
まず、シンプルテンプレートを選びました。
 
そして、HTMLとcssは自由に変更ができるので、
右ショルダー、左ショルダーの内容をちょこちょこ変更し、
cssのスタイルを青系統にしてみました。
まだまだ、デザインに不満はあるものの、
今後もちょこちょこ変更しておくことにします。
 
そうそう、はてなスターも設置しました。
 
このJavaScriptをHTML内に書き、
 

 <script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js">
</script>  
<script type="text/javascript">  
Hatena.Star.Token = ‘はてなで指定されてる固有ユーザ文字’;
</script&gt
;  
 
そうすると、下記の形式のところに、スターが設置されます。

 <h3><a href="URL">記事のタイトル</a></h3>  
 
そして、はてなスターの画像を変更すために、
cssに下記を設置すればOK

 .hatena-star-star-image {background-image: url("画像のURL");}  
 
ちなみに、今までは画像をはてなアルバムに置いていましたが、
今後も使いまわすような画像などは、
自分のレンタルサーバ上に置くようにします。