はてなブログ tips

はてなブログで複数のブログを立てる方法

ダッシュボードの「マイブログ」のところに小さく「新しいブログを作成する」リンクがある

code のスタイルについて

markdown で整形済みテキストを書くと <pre class="code"></pre> で囲まれるが、端で折り返す

コードを貼り付けた時とか、これでは見づらいので、デザインの設定で css に以下を設定した

.code {
  white-space: pre;
}

リストのスタイルについて

markdown でリストを作ると ul li p になるのだが、 p にマージンが設定されてるので間延びした感じになる

.entry-content ul p {
    margin: 0;
}

これでなんとか

スマホの表示について

デザインのスマートフォンのタブの詳細設定で、レスポンシブを選択

このままだとこのテーマの画像が残念な感じになるので以下を設定した

#blog-title {
    width: 100%;
    height: 200px;
    background-size: contain;
}

#blog-title #blog-title-inner {
    margin-top: 5%;
    margin-left: 10%;
}