はてなブログ

はじめてのエンジニアブログ

某元請けSIerで働いているため、プログラミングなんて全くしない日々。
ましてや、金融系ならなおさら。

そんな日々に危機感を覚えたため、エンジニアブログ（テックブログ）なるものを書いてみることにしました。

はてなブログの設定

エンジニアブログ ＝ はてなブログ
という印象があったため開設してみたものの
使い方がわからない！！！

今日は初期設定の一部を記載します。
（半分は自分のために）

ソースコードの書き方

まずソースコードの書き方だが、普通に書いただけでは醜いのでどう書けばよいのか調べてみた。
はてな記法の場合は以下でよいらしいです（サンプルはruby）。

//　　>|ruby|
//　　ruby --version
//　　|| <

なお、そのまま記載するとデザインが反映されて記載方法が消えてしまうので、
最初に　//　をつけています。これを除いたものが記載方法です。

デザイン

次はデザイン。このままだと白背景だが、黒背景にしたいので設定を変更します。

デザイン ⇒ カスタマイズ ⇒ CSSデザイン

で以下を記載します。

.entry-content pre.code {
    font-size: 12px;
    background-color: #002B36;
    color: #cccccc;
}
.entry-content .synSpecial { color: #dc322f }
.entry-content .synType { color: #b58900 }
.entry-content .synComment { color: #657b83}
.entry-content .synPreProc { color: #cb4b16 }
.entry-content .synIdentifier { color: #268bd2 }
.entry-content .synConstant { color: #2aa198 }
.entry-content .synStatement { color: #859900 }

.entry-content code {
    font-size: 12px;
    background-color: #002B36;
    color: #cccccc;
}