トップ > はてなブログ > はてなブログをセットアップ、シンプルで軽めな感じに

はてなブログをセットアップ、シンプルで軽めな感じに

はてなブログ

[第一部] 設定

デザイン

テーマは人気順でシンプルかつ軽そうなの探して、Written に。

デザイン > カスタマイズ

  • HTML
    • Markdown表記が楽
    • プロフィールへのリンクと、その他アカウントへのリンクなどを
  • カテゴリー
    • 一番軽い「アルファベット順」に

デザイン > 記事

軽さメインのため、以下を外す。

ただしはてなスターは承認装置として残しておくことに。

設定

  • 基本設定
    • ブログ名を変える
    • 編集モードは Markdown に
  • 詳細設定
    • トップページの記事数を増やす(何度もページネーションするのはしんどい)
    • はてなブックマークは「すべて表示しない」にする。軽さのため

アカウント設定

  • 基本設定
    • プロフィールアイコンを変える

[第二部] 執筆

「TOC(目次)」を挿入するには

[:contents] を書く。

「続きを読む」を挿入するには

<!-- more --> を書く。

第三部: CSS

デザイン > カスタマイズ > デザインCSSより設定する

  • TOC 周りを見易くする
  • 見出しを見易くする
  • Written テーマがハイパーリンクに下線を引かない（本文と区別付かなくて見辛い）ので引く
.table-of-contents:before {
  content: "目次";
}

.table-of-contents > li {
  margin-left: 24px;
}

.table-of-contents {
    border: 1px solid #000000;
}

h1 {
  border-left: 8px solid black;
  border-bottom: 4px solid black;
  padding: 4px;
}

h2 {
  border-bottom: 2px double black;
  padding: 2px;
}

h3 {
  border-left: 2px double black;
  padding: 2px;
}

.entry-content a {
  text-decoration: underline;
}

第四部: 細かい使い方など

各記事を編集する「編集(Edit)リンク」を表示させるには？

記事画面中の 真ん中あたりまで マウスカーソルを持っていくと出る。