.log(ぽちろぐ)

退屈しているおっさんの日記

はてなブログに移行します + MarkdownCSSチートシート

はてな記法を忘れて、Markdown記法に慣れよう。

 はてな界隈でのみ通用するはてな記法よりも、エンジニア的にはMarkdown記法に慣れて、いろんなところで書きたい。BacklogもMarkdown記法に対応したし。今はSVNメインだけど、Gitに将来行くだろうし。

Atomを使おう。miをヤメよう。

 最新バージョンで随分変わって、10年かけて作りこんだツールが一部無効化された。この際だからエディタはAtomに移行。いままでありがとう。

過去記事へのリンクを張って、ブログへの滞留時間を向上させよう。

 アフィリエイトリンクで、お小遣いがちょっぴり増えると良いなと。 nobuchiru.hatenablog.com

現状の二重管理を簡素化したい。

 プライベートな日記を、ローカルのMAMPに保存してる。普通のHTMLで。パブリックに出来る部分を抜書きしてはてなダイアリーに。こちらははてな記法とHTMLを混ぜて。画像ストレージはDropbox。
 この二重管理をやめる。プライベートな日記はプライベートモード、パブリックな日記はパブリックモードで。画像ストレージは共用する。googlePhotosで。容量無制限の画像ストレージが、今はあるからこれで良いはず。
 画像バックアップはdoropboxで取る。将来的にはより大きいcopyに移行するかも。googlePhotosオンリーにしても実用上は問題ないかもだけど、エンジニア的には二重化は必須。

CSSチートシート

というわけで以下はCSSチートシート。自分のために。

¥#, ## は非推奨っぽい
### 3 大見出し
#### 4 中見出し
##### 5 小見出し
<h5>h5はこう書く。######では効かない?</h5>
###### 6 小小見出し

¥#, ## は非推奨っぽい

3 大見出し

4 中見出し

5 小見出し
h5はこう書く。######では効かない?
6 小小見出し

tableタグ(bootstrapのtableクラスを使いたいのだけどうまくいかない!)

<table class='table'>
<thead>
<tr><th>属性</th><td></td></tr>
</thead>
<tbody>
<tr><th>年齢</th><td>29</td></tr>
<tr><th>職業</th><td>女子大生</td></tr>
<tr><th>趣味</th><td>アイロンがけ</td></tr>
</tbody>
</table>
属性
年齢29
職業女子大生
趣味アイロンがけ
<table class='table table-striped'>
<thead>
<tr><th>属性</th><td></td></tr>
</thead>
<tbody>
<tr><td>年齢</td><td>29</td></tr>
<tr><td>職業</td><td>女子大生</td></tr>
<tr><td>趣味</td><td>アイロンがけ</td></tr>
</tbody>
</table>
属性
年齢29
職業女子大生
趣味アイロンがけ

table Markdown

|ヘッダ|ヘッダ|
|-|-|
|こうなる|自由度低い|
ヘッダ ヘッダ
こうなる 自由度低い

IMGタグ class=‘photo’

<img src='(URL)' class='photo' width='440px'/>

blockquote (cite, titleは使わない)

<blockquote>  
<p>  
    引用文  
</p>  
<p class="origin"><a href="http://">ウィキペディア(Wikipedia)</a></p>  
</blockquote> 

引用文

ウィキペディア(Wikipedia)

「serifF1」
「serifF2」
「serifF3」
「serifM1」
「serifM2」
「serifM3」
「serifS1」
「serifS2」

pタグ class='l-fuki tomorrow'

pタグ class='r-fuki bijo'

pタグ class='r-fuki globe-b'

pタグ class='r-fuki globe-g'

pタグ class='r-fuki globe-r'

pタグ class='r-fuki doctor-m'

pタグ class='r-fuki nurse-m'

pタグ class='r-fuki nurse-m'

pタグ class='r-fuki barTender'

pタグ class='r-fuki beer1'

pタグ class='r-fuki beer2'